@charset "euc-kr"; /* CSS Document */ /* °øÅë css */ /* Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, cite, code, del, dfn, em, img, ins, q, s, samp, strike, strong, sub, sup, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed { margin:0; padding:0; border:0; font:inherit; } html { max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/ -moz-text-size-adjust: none; /*Firefox*/ -ms-text-size-adjust: none; /*Ie*/ -o-text-size-adjust: none; /*old versions of Opera*/ } * { padding:0; margin:0; border:0; } ul, ol, dl { list-style: none; } img { vertical-align:top; border:0; } a { text-decoration: none; color:#333; } a:hover{color:#333;} input {height:35px; font-weight:600;} button {-webkit-appearance: none;} /*table { border-spacing:0; border-collapse:collapse; }*/ body { max-width: 100%; overflow-x: hidden; font-size:3.6vw; font-family:'Noto Sans KR','Apple SD Gothic Neo',Sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:600; } @media all and (min-width: 400px) { body{ max-width: 100%; overflow-x: hidden; font-size: 14px; font-family:'Noto Sans KR','Apple SD Gothic Neo',Sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:600; } } #header, #footerout, #mainicon, #notice { min-width: 340px;} #wrap{ margin:20px 20px 10px 20px;} #topbanner {background-color:#c2e4f5; text-align: center; width:100%;} .banner {font-size:26px; font-weight:bold; position: relative; width: 450px; height:70px; margin:0 auto; padding:0; overflow:hidden;} .banner ul {position: absolute; margin: 0px; padding:0; list-style: none;} .banner ul li {float: left; width: 450px; height: 70px; line-height: 70px; margin:0; padding:0;} #topbanner2 {background-color:#c2e4f5; text-align: center; width:100%;} .banner {font-size:26px; font-weight:bold; position: relative; width: 460px; height:70px; margin:0 auto; padding:0; overflow:hidden;} .banner ul {position: absolute; margin: 0px; padding:0; list-style: none;} .banner ul li {float: left; width: 460px; height: 70px; line-height: 70px; margin:0; padding:0;} /* ÅؽºÆ® */ .b{font-weight:bold; } .bo{font-weight:bold; color:#C30;} .bo1{font-weight:bold; color:#C30; font-size:1.1em;} .t1{font-weight:bold; color:#005cb2;} .t2{font-weight:bold; color:#005cb2; font-size:1.1em;} .t3{font-weight:bold; font-size:1.1em;} .t4{font-weight:bold; color:#360; font-size:1.2em;} .t5{font-weight:bold; color:#005cb2; font-size:1.3em;} .t6{font-weight:bold; font-size:1.3em;} .t7{font-size:1.1em;} .t8{font-weight:bold; font-size:1.8em;} .t9{font-size:1.1em;letter-spacing:-0.03em;} .t10{font-size:1.0em;} .t11{font-size:1em;} .t12{color:#C30; font-weight:bold; margin:0px 5px 0px 5px; letter-spacing:-0.03em;} .t13{font-size:1.3em; text-decoration: none; color:#000000; font-weight:600;} .t14{font-size:1.3em; color:red;} .t15{font-weight:bold; color:#005cb2; font-size:1.4em;} .t16{font-size:1.1em; font-weight:bold;} .t17{font-size:1.0em; text-align:left; padding-left:3px;} .t18{font-weight:bold; color:#84899b; font-size:1.1em;} .t19{font-size:1.3em; text-decoration: none; color:#000000;} .t20{font-size:1.2em;} .text20{color:#0000ff; font-weight:bold; margin:30px 1% 5px 1%; font-size:2em;} .tit{padding-left:30px; background:url(images/ib.gif) 0 -377px no-repeat;} .tit2{background:url(images/ib.gif) 0 -610px no-repeat; padding-left:20px; height:30px;} .tx_small{font-size:0.9em; color:#000000; letter-spacing:-0.03em; font-weight:500;} .tx_small_a{font-size:1.0em;color:#333; text-align:center; letter-spacing:-0.02em;} .tx_small_b{font-size:1.1em;color:#333; text-align:left; letter-spacing:-0.02em;} .tx_small_c{font-size:1.0em;color:#333; text-align:left; letter-spacing:-0.02em;} .tx_small_l{font-size:1em;color:#333; text-align:left; padding-left:10px;} .tx_gray{color:#969696;} .tx_gray2{color:#666666;} .tx_red{color:#ff0000;} .subtit{height:30px; background:url(images/icon_arrow2.png) 0 2px no-repeat; padding-left:25px; font-size:1.4em;} .nomal{height:50px; font-size:1.2em;} .subtit_on{height:30px; background:url(images/icon_arrow2.png) 0 2px no-repeat; padding-left:25px; font-size:1.2em;} .subtit_off{height:30px; background:url(images/icon_arrow2.png) 0 2px no-repeat; padding-left:25px; font-size:1.5em;} .tx_ls{letter-spacing:-0.12em;} .tx_ls2{letter-spacing:-0.05em;} .tx_ls3{letter-spacing:-0.20em;} .tx_strike{text-decoration:line-through;} /* ÅؽºÆ®¿¡ °¡¿îµ¥ Ãë¼Ò¼±±ß±â */ .paddingtop8{padding-top:8px;} .topmagin10{margin-top:10px;} .topmagin20{margin-top:20px;} .topmagin40{margin-top:30px;} .maginleft90{margin-left:90px;} .maginleft20{margin-left:20px;} .maginleft10{margin-left:10px;} .maginleft2p{margin-left:2%;} .maginright10{margin-right:10px;} .maginright20{margin-right:20px;} .maginbottom10{margin-bottom:10px;} .maginbottom20{margin-bottom:20px;} .maginbottom40{margin-bottom:40px;} .maginbottom50{margin-bottom:50px;} .maginbottom100{margin-bottom:100px;} .lineheight20{line-height:20pt;} .lineheight22{line-height:22pt;} .lineheight25{line-height:25pt;} .lineheight30{line-height:30pt;} .lineheight40{line-height:40pt;} .lineheight45{line-height:45pt;} .lineheight50{line-height:50pt;} .lineheight55{line-height:55pt;} .lineheight60{line-height:60pt;} .height20{height:20px;} .height35{height:35px;} .height55{height:40px;} .height45{height:45px;} .height60{height:60px;} .height90{height:90px;} .imgcenter{margin:auto; text-align:center;} .imgcenter2{margin:auto; width:430px;} .imgcenter3{margin:auto; width:100%; background:#a7a7a7; background:#f5f4f2;text-align:center;} .imgcenter4{margin:auto; padding-top:80px; width:450px;} .textcenter{text-align:center;} .borderline1{border:2px solid #09C;} .backcolor_1{background:#f9e5ea;} .border_solid {border-top:1px solid #ddd;padding-top:10px;} .border_top {border-top:1px solid #d4d4d4; } .border_top2 {border-top:1px solid #666666; padding-top:20px;} .border_top3 {border-top:1px solid #666666; padding-top:50px;} /* µ¡±Û ¹öÆ° */ .replybtn { background-color:#ffffff; border:1px solid #969696; display:inline-block; color:#204ac2; font-size:1.1em; font-family:¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; font-weight:600; height:50px; line-height:50px; margin-top:20px; width:99%; text-decoration:none; text-align:center; letter-spacing:-0.05em; } .barbtn { background-color:#ffffff; border:1px solid #969696; display:inline-block; color:#000000; font-size:1.2em; font-family:¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; font-weight:600; height:45px; line-height:45px; width:96%; margin-top:10px; margin-bottom:10px; margin-left:2%; text-decoration:none; text-align:center; letter-spacing:-0.05em; } /* header ºÎºÐ */ #cf_award {text-align:center; margin-bottom:10px; width:100%; height: 100%; max-height: 620px; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), #01090b url('https://m.ielts.co.kr/images/cf_video_bg.jpg?ver=20220401') no-repeat center 0;} @media (max-width:560px){ #cf_award {text-align:center; margin-bottom:10px; width:100%; height: 100%; max-height: 580px; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), #01090b url('https://m.ielts.co.kr/images/cf_video_bg.jpg?ver=20220401') no-repeat center 0;} } #cf_award a img {max-width:640px; width:100%;} #header{text-align:center; width:100%;} #header a img {max-width:640px; width:100%;} #award{margin:auto; padding-top:5px; padding-bottom:5px; width:450px;} #menu_ham{float:right;width:40px; height:36px; border:1px solid #565656; margin:5px 0px 0px 3px; text-align:center; line-height:27pt; -webkit-border-radius:5px;} #login{float:right;width:90px; height:36px; border:1px solid #565656; margin:5px 0px 0px 3px; text-align:center; line-height:27pt; -webkit-border-radius:5px;} #search_cash{float:right;width:116px; height:36px; border:1px solid #565656; margin:5px 0px 0px 3px; text-align:center; line-height:27pt; -webkit-border-radius:5px;} #sitemap{float:right;width:130px; height:36px; border:1px solid #565656; margin:5px 0px 0px 3px; text-align:center; line-height:27pt; -webkit-border-radius:5px;} #pcpage{float:right;width:182px; height:36px; background:url(images/bg_btn2.png) no-repeat; margin:5px 5px 0px 3px; text-align:center; line-height:27pt;} #headbtn{float:left; width:19%; height:36px; border:1px solid #565656; margin:5px 0px 0px 3px; text-align:center; line-height:27pt; -webkit-border-radius:5px;} .top_ban {background-color:#c2e4f5; display:inline-block; font-family:arial; font-weight:bold; height:70px; line-height:30px; width:100%; color:#000000; font-size: 21px; padding-top:10px; text-align:center;} .top_ban span{color:#ff0000; font-size: 23px;} .btm1{display : block; float:left; width: 440px; text-align:center; } .btm{display:block; float:left; height:33px; width:175px; background:url(images/bg_btntel.png) no-repeat center;padding:2px 0 0 33px; line-height:30pt; text-align:center; margin-left:0px;} .btm a{width:auto; display:block;} .btm2{margin:auto;} #sitemap{margin-left:4px; margin-right:4px; margin-bottom:10px; letter-spacing:-0.10em;} #menu_ham{margin-left:4px; margin-right:4px; margin-bottom:10px;} #login{margin-left:4px; margin-right:4px; margin-bottom:10px;} #search_cash{margin-left:4px; margin-right:4px; margin-bottom:10px;} #sitemap a,#login a{width:auto; height:36px; display:block; color:#333;} #sitemap a:hover{text-decoration:none;color:#333; } #telinfo{ padding:5px 0 0px 0px; background:#ffffff; text-align:center;} #telinfo2{margin:auto; width:450px; font-size:1.1em;} #telinfo3{margin:auto; width:400px;} #img_src{margin:auto; width:100%; text-align:center;} #blank{clear:both;} /* ¸ÞÀÎ ¾ÆÀÌÄÜ ºÎºÐ */ #mainicon{background:url(images/bg_mainicon.png) repeat-x; overflow:hidden; padding-bottom:5px; } #icon{ margin:auto; padding:20px 5px 0px 16px; text-align:center; } #icon dl{ margin:0 3px 24px 0;width:104px; height:104px; background:url(images/bg_icon.png) no-repeat; display:inline-block;*zoom:1;*display:inline;} #icon01 dt, #icon02 dt, #icon03 dt, #icon04 dt, #icon05 dt, #icon06 dt, #icon07 dt, #icon08 dt, #icon09 dt, #icon10 dt, #icon11 dt, #icon12 dt, #icon13 dt, #icon14 dt, #icon15 dt, #icon16 dt, #icon17 dt, #icon18 dt, #icon19 dt, #icon20 dt, #icon21 dt,#icon22 dt, #icon23 dt, #icon24 dt{ width:100px; height:90px; margin-top:3px; text-align:center;} #icon01 dt{background:url(images/icon_main.png) no-repeat;} #icon02 dt{background:url(images/icon_main.png) -100px 0 no-repeat;} #icon03 dt{background:url(images/icon_main.png) -200px 0 no-repeat;} #icon04 dt{background:url(images/icon_main.png) -300px 0 no-repeat;} #icon05 dt{background:url(images/icon_main.png) -400px 0 no-repeat;} #icon06 dt{background:url(images/icon_main.png) -500px 0 no-repeat;} #icon07 dt{background:url(images/icon_main.png) -599px 0 no-repeat;} #icon08 dt{background:url(images/icon_main.png) -698px 0 no-repeat;} #icon09 dt{background:url(images/icon_main.png) -800px 0 no-repeat;} #icon10 dt{background:url(images/icon_main.png) -900px 0 no-repeat;} #icon11 dt{background:url(images/icon_main.png) -1000px 0 no-repeat;} #icon12 dt{background:url(images/icon_main.png) -1100px 0 no-repeat;} #icon13 dt{background:url(images/icon_main.png) -1200px 0 no-repeat;} #icon14 dt{background:url(images/icon_main.png) -1300px 0 no-repeat;} #icon15 dt{background:url(images/icon_main.png) -1400px 0 no-repeat;} #icon16 dt{background:url(images/icon_main.png) -1500px 0 no-repeat;} #icon17 dt{background:url(images/icon_main.png) -1600px 0 no-repeat;} #icon18 dt{background:url(images/icon_main.png) -1700px 0 no-repeat;} #icon19 dt{background:url(images/icon_main.png) -1800px 0 no-repeat;} #icon20 dt{background:url(images/icon_main.png) -1900px 0 no-repeat;} #icon21 dt{background:url(images/icon_main.png) -2000px 0 no-repeat;} #icon22 dt{background:url(images/icon_main.png) -2100px 0 no-repeat;} #icon23 dt{background:url(images/icon_main.png) -2200px 0 no-repeat;} #icon24 dt{background:url(images/icon_main.png) -2300px 0 no-repeat;} #icon a{display:block; padding-top:103px; } #icon span{display:block; color:#fff;letter-spacing:-0.05em;} #icon16 span{letter-spacing:-0.16em;} #icon18 span{letter-spacing:-0.18em;} /* °øÁö»çÇ× ÃֽűÛ*/ #notice{margin:15px 5px 5px 5px; height:30px; clear:both;} .titnotice{float:left; padding-bottom:10px; } .noticemore{float:right; width:50%; text-align:right; padding-right:5%; margin-top:10px;} .noticemore a{display:block; } #noticetext{margin:auto; height:auto; border-top:1px solid #7abfe0; } #noticetext li{margin:0; height:auto; max-height:35px; padding-top:10px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.2em; line-height:1.3em;} #noticetext a{display:block; width:auto; padding-left:10px;} #noticetext span{text-align:right; } /* footer ºÎºÐ */ #footerout{width:auto;background:#444444; text-align:center; padding-bottom:20px;} #gotwitter{width:450px; padding-bottom:10px; margin:auto;} #part1tel{width:100%; text-align:center; margin:auto; color:#fff;} #part1tel dd{} #part1tel ul,li{list-style:none;} #part1tel a{color:#fff; } #copyright{ color:#666; width:450px; height:25px; font-size:0.8em; color:#fff; margin:auto; padding-top:5px;} #footerbtn{height:45px; margin:auto; text-align:center; margin-left:15px; margin-right:8px; } .taillogin,.gototop,.join{float:left;background:#FFF; border:1px solid #999; height:35px; line-height:27pt; -webkit-border-radius:5px;} .taillogin{width:31%; margin:0 5px 0 5px;} .join{width:31%; margin:0 5px 0 0;} .gototop{width:31%;} #footerbtn a{display:block; width:auto; height:35px; } .line{border-bottom:2px solid #ccc; height:2px;} #pcview{width:100%; margin:5px 0px 5px 0px; overflow:hidden;} #book_mark{width:100%; margin:5px 0px 5px 0px; text-align:center; background-color: #c2e4f5; } /* »ó´Ü ½ºÅ×ÀÌÅͽº¹Ù */ #statusbar{ height:42px; background:url(images/bg_status.png) repeat-x; padding-left:20px; color:#FFF; padding-top:4px; line-height:32px;} #statusbar a{color:#FFF; } #statusbar span{text-align:right; color:#FFF; } #statusbar1{ height:40px; background:url(images/bg_status1.png) repeat-x; padding-left:20px; color:#FFF; line-height:40px;} #statusbar1 a{color:#FFF; } #statusbar1 span{text-align:right; color:#FFF; } #infobar{ height:66px; background:url(images/bg_status2.png) repeat-x; padding-left:20px; color:#FFF; padding-top:12px; line-height:40px;} /* Çпø¼Ò°³ */ #companywrap{margin:auto; } #companywrap dl{margin:20px 20px 20px 20px;} #companywrap dt{margin-bottom:10px;} .companytext{text-align:justify; margin-bottom:10px; font-size:1.1em; line-height:25px;} .companytext p{margin-bottom:10px;} .companyimg{margin:auto; width:430px; } /*È«º¸µ¿¿µ»ó */ #cfvod{width:100%; height:37px; background:url(images/bg_cfview.png) repeat-x; margin:auto; text-align:center;} #cfvod a{display:block; width:auto;} /* Çпø °­»ç ¸ðÁý */ #recruit {margin-top:10px;} #recruit_table{padding-top:10px; } #recruit_table caption{display:none;} #recruit_table table{border-collapse:collapse; width:100%; border:2px solid #ddd; cellpadding:10px; cellspacing:0; } #recruit_table th,td{ height:25px; line-height:30px; background:none; border-bottom:1px solid #ddd; } #recruit_table th{border-bottom:2px solid #ddd;} #recruit_table td{text-align:left; padding-left:5px;} .tableleft{background:#f1f1f1; width:28%; text-align:center;} /* ¾îÇпø°³¿ä */ .companydetail dt{ font-weight:bold;} .companydetail dd{font-size:0.8em; margin-bottom:2px;} /* ¾àµµ¹Ù·Î°¡±â */ .gopart1map{width:47%; background:#696969; height:40px; text-align:center; margin-top:10px; margin-right:10px; float:left; padding-top:10px; margin-left:10px;} .gopart2map{width:47%; background:#696969; height:40px; text-align:center; margin-top:10px; margin-right:10px; float:right; padding-top:10px;} .gopart1map a, .gopart2map a{ display:block; width:auto; height:40px; color:#FFF; font-weight:bold; font-size:1.2em; padding:3px 0 0 3px; } .companydetail ul{margin:auto; overflow:hidden; width:280px;} /* °­³²,Á¾·Î½Ã°£Ç¥¸®½ºÆ® */ #pagetit{margin:0px 0px 10px 10px; border-bottom:2px solid #cde8f7; height:35px;padding-left:30px; background:url(images/icon_arrow2.png) 0 2px no-repeat ;} #part1list dd{height:62px; border-bottom:1px solid #d8d8d8; line-height:22px;font-weight:bold; } #part1list a{display:block; width:auto; height:50px; padding-top:12px; padding-left:20px;} #part2list dd{height:50px; border-bottom:1px solid #d8d8d8; padding-left:20px; line-height:50px;} #part2list a{display:block; width:auto; height:80px; } #courselist dd{height:55px; border-bottom:1px solid #d8d8d8; padding-left:20px; line-height:55px;} #courselist a{display:block; width:auto; height:55px; } #partwrap{ margin:20px 0px 10px 0px; } #coursewrap{ margin:0px 0px 10px 0px; } #level1{border:2px solid #6aa100; margin:5px 20px 5px 20px; -webkit-border-radius:8px;} #level2{border:2px solid #32a9bf; margin:5px 20px 5px 20px; -webkit-border-radius:8px;} #level3{border:2px solid #3b5eb7; margin:5px 20px 20px 20px; -webkit-border-radius:8px;} #level1 dt{height:50px; line-height:50px;text-align:center; background:#c9ecb2;} #level2 dt{height:85px; line-height:28px;text-align:center; background:#8cddec; padding-top:5px;} #level3 dt{height:50px; line-height:50px;text-align:center; background:#cdd7ef; } #level1 dd,#level2 dd,#level3 dd{height:70px; background:url(images/bg_list.png) repeat-x; padding-left:20px; padding-top:0px; line-height:55px;} #level1 a,#level2 a,#level3 a{font-weight:bold; font-size:1.4em; display:block; width:auto; height:60px; background:url(images/icon_arrow.png) no-repeat right center;} .listinfo{background:#bee4f6; height:70px; text-align:center; margin:0 0 5px 0; line-height:70px;} .listinfo2{background:#bee4f6; height:70px; text-align:center; margin:0 0 5px 0; line-height:35px;} .listinfo3{background:#bee4f6; height:70px; text-align:center; margin:0 0 5px 0; line-height:30px; padding-top:10px;} .listinfo9{background:#bee4f6; height:100px; text-align:center; margin:0 0 5px 0; line-height:40px; padding-top:20px;} .listinfo7{background:#bee4f6; height:110px; text-align:center; margin:0 0 5px 0; line-height:30px; padding-top:20px;} .listinfo8{background:#bee4f6; height:40px; text-align:center; margin:0 0 5px 0; line-height:30px; padding-top:15px;} .listinfo4{height:70px; margin:10px 0 5px 0;padding-top:20px; padding-bottom:30px; background:#e5e5e5; margin:40px 0px 40px 0px;} .listinfo4 span{padding-left:10px;} .listinfo5{height:90px; margin:10px 0 5px 0; line-height:30px; padding-top:30px; padding-bottom:10px; background:#e5e5e5;} .listinfo5 span{padding-left:10px;} .listinfo6{height:50px; margin:0 0 5px 0; line-height:30px; padding-top:30px; padding-bottom:10px; background:#e5e5e5;} .listinfo6 span{padding-left:10px;} /* ÀÎÅͳݰ­Á ¸®½ºÆ® */ #part3list dd{height:60px; border-bottom:1px solid #d4d4d4; line-height:60px;} #part3list a{display:block; width:auto; height:60px; } /* ÀÎÅͳݰ­Á ¸®½ºÆ® */ #vodlist dd{height:50px; border-bottom:1px solid #d4d4d4; line-height:22px; padding-top:10px;} #vodlist a{display:block; width:auto; } /* °­Á Á¾·á ¸®½ºÆ® */ #expire dd{height:70px; border-bottom:1px solid #d4d4d4; padding-left:20px; line-height:30px;padding-top:20px;} #expire a{font-weight:bold;display:block; width:auto; background:url(images/icon_expire.png) no-repeat right center;} #part4 {margin:20px 0px 5px 0px;} #part4list dd{height:115px; background:url(images/bg_list2.png) repeat-x; padding-left:20px; line-height:50px;} #part4list a{font-weight:bold;display:block; width:auto; height:50px; background:url(images/icon_arrow.png) no-repeat right center; } .pcclass{float:left;background:#FFF; border:1px solid #999; height:45px; line-height:35pt; -webkit-border-radius:5px; } .pcclass{width:45%; margin:0 5px 0 5px;} #part4list img{ vertical-align:middle;} #part5list dd{height:60px; border-bottom:1px solid #d4d4d4; padding-left:20px; line-height:30px;padding-top:30px;} #part5list a{font-weight:bold;display:block; width:auto; height:60px; } #part6list dd{height:40px; border-bottom:1px solid #d4d4d4; padding-left:20px; line-height:20px;padding-top:20px;} #part6list a{font-weight:bold;display:block; width:auto; height:40px; } #cflassahref{ margin:6px 0px 6px 0px; font-size:1em;} #classahref th{height:20px;} #classahref a{display:block; width:auto; height:30px;text-align:center; padding-top:1px;} #classwrap{ margin:20px 0px 10px 0px; font-size:1em;} #classwrap caption{display:none;} #classwrap table{border-collapse:collapse; width:100%; } #classwrap th,td{text-align:center;height:60px; background:url(images/bg_list.png) bottom left repeat-x;} #classwrap th{height:40px;} #classwrap a{display:block; width:auto; height:60px;text-align:center; padding-top:10px;} #classinfo textarea{width:70%; font-size:1em;} #classnew{ margin:10px 10px 10px 10px; } #classnew caption{display:none;} #classnew table{border-collapse:collapse; width:100%; } #classnew th,td{text-align:center;height:90px; background:url(images/bg_list2.png) bottom left repeat-x;} #classnew th{height:40px;} .r1 {text-align:center; height:30px; padding-bottom:10px; } .r2 {text-align:left; padding-left:10px; height:30px; padding-bottom:10px; font-size:1.1em;} .r3 {text-align:left; padding-left:5px; height:15px; border:0px; padding-top:6px; } .r3_r {text-align:center; padding-left:5px; height:15px; border:0px; padding-top:6px; } .r4 {text-align:left; padding-left:10px; line-height:1.4em; padding-top:10px; padding-bottom:20px; font-size:1.3em;} .r4_t {text-align:left; padding-left:10px; height:70px; padding-bottom:70px;} .r5 {text-align:center; height:30px; border:0px; } .r6 {text-align:right; padding-left:8px; padding-top:25px; width:110px; padding-right:5px; border:0px;} .r7 {text-align:left; padding-left:10px; padding-top:30px; font-size:1.3em; border:0px; line-height:1.3em;} .r8 {text-align:left; padding-left:10px; height:70px; font-size:1.1em;} .r9 {text-align:left; padding-left:10px; line-height:22px; margin-top:-10px; font-size:1.3em; vertical-align:top; border:0px;} .r10 {text-align:left; padding-left:10px; line-height:22px; font-size:1.3em; padding-top:10px; border:0px;} .r11 {text-align:left; padding-left:10px; line-height:20px; font-size:1.3em; padding-top:15px; border:0px;} .r12 {text-align:left; padding-left:10px; line-height:25px; font-size:1.2em; padding-top:10px; border:0px;} .p1 {text-align:left; padding:5px 10px 1px 0; height:25px; font-size:1.1em; border:0px;} .p2 {text-align:right; padding:15px 10px 3px 0; height:30px; font-size:0.9em; border:0px; color:#838383;} .p3 {text-align:left; padding:1px 10px 5px 0; height:30px; font-size:0.9em;} .p4 {text-align:left; padding:10px 10px 3px 0; font-size:1.4em; border:0px; line-height:24px; font-weight:600;} .p5 {text-align:left; padding:15px 10px 3px 0; height:30px; font-size:1.5em; border:0px; line-height:28px; font-weight:600;} #classnew a{display:block; padding-bottom:6px;} #classinfo textarea{width:70%; font-size:1em;} .img_p{padding:2px 2px 2px 2px;} #viewvod {margin:0 auto ; width: 100%; padding:5px 0px 5px 0px; height:35px; text-align:center; background:url(images/bg_mtest2.png) repeat-x; line-height:40px;} #viewvod a{display:block; font-weight:bold; color:#0e7061; font-size:1em;} #viewvod img{ vertical-align:central;} #pullip {margin:5px 10px 5px 10px;} #pullip caption{display:none;} #pullip table{border-collapse:collapse; width:100%; } #pullip th,td{text-align:center; } #pullip a{display:block; } /* °­Á¿¹¾à¾È³» */ #reserveinfo{display:block; padding:0; background:#ffffff; width:100%; -webkit-border-radius:8px; margin:0; text-align:justify; clear:both;} #reserveinfo dd{width: 97%; text-align:center; font-size: 20px; line-height:33px; padding-left:15px;} #reserveinfo2{display:block; padding:10px; background:#ddf3ff; text-align:justify; clear:both; font-size:1.1em;} #reserveinfo3{width:96%; margin-left:2%; padding:10px 0px; background:#ddf3ff; font-size:1.1em;} /* °­Á »ó¼¼º¸±â */ #classviewwrap{ margin:20px 10px 30px 10px; } #classviewmo{ margin:10px 20px 20px 20px; } .classinfo{display:block; padding:5px 5px 5px 5px; -webkit-border-radius:8px; margin-bottom:10px; } .classinfo dd{ border-bottom:1px dashed #CCC; padding:10px 0px 3px 10px;} .classinfo dt{ border-bottom:1px solid #CCC; padding:8px 0px 8px 10px; } .classinfo li{ border-bottom:0px dashed #CCC; padding:8px 0px 0px 0px;} .classinfo img{width:100%;} .classinfo_search{display:block; padding:5px 5px 5px 5px; -webkit-border-radius:8px; margin-bottom:10px; font-size:1em;} .classinfo_search dd{ border-bottom:1px dashed #CCC; padding:10px 0px 3px 10px; height:30px;} .classinfo_search dt{ border-bottom:1px solid #CCC; padding:8px 0px 8px 10px; } .classinfo_search li{ border-bottom:0px dashed #CCC; padding:8px 0px 0px 0px;} .classinfo_search img{width:100%;} .classinfo_search input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} .classinfo_search .id{width:50%;} .classinfo_search .name{width:50%;} .classinfo_search .tel{width:20%;} .classinfo_search .email1{width:20%;} .classinfo_search .email2{width:20%;} .classinfo_search .amount{width:42%;} .classinfo select{font-size:1em; width:33%;} .reserve{float:right; margin:10px 0 20px 0; } .search {display:block; padding:5px 10px 5px 10px; margin-bottom:10px; text-align:center; background:#f3f3f3; margin-top:10px;} .search li{ border-bottom:0px dashed #CCC; padding:5px 0px 5px 0px; } .search input{border:2px solid #4a99d9; vertical-align:middle; height:40px; font-size:1.1em; width:46%} .search select{border:2px solid #4a99d9; background:#fff ;vertical-align:middle; font-size:0.9em; height:40px; width:20%;} .search .search_b {background:#4a99d9; border:1px solid #4a99d9; height:40px; margin-left:-3px; line-height:25px; font-size:1.0em; width:60px; color:#ffffff; font-weight:600; text-align:center;} /* °­Á ¿¹¾àÇϱâ */ #reserveconform{margin:auto; padding:10px 20px 20px 20px; width:400px; text-align:center; } .classinfo input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} #reserveconform img{-webkit-border-radius:5px;} .classinfo .id{width:50%;} .classinfo .name{width:50%;} .classinfo .tel{width:20%;} .classinfo .email1{width:20%;} .classinfo .email2{width:20%;} .classinfo .amount{width:42%;} .classinfo select{font-size:1em; width:33%;} .slt{width:30%;height:24px;border:1px solid #c3c3c3 ;font-size:1em;vertical-align:middle; -webkit-border-radius:0;} .classinfo3{display:block; border:1px solid #96b4da; padding:10px 5px 10px 5px; -webkit-border-radius:8px; width:93%; margin-left:2%; margin-top:10px;} .classinfo3 dd{padding:8px 0px 8px 10px;} .mockinfo{display:block; border:2px solid #96b4da; padding:10px 10px 10px 10px; -webkit-border-radius:8px; margin-bottom:10px;} .mockinfo dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 10px;} .reserve{float:right; margin:10px 0 20px 0; } /* °­Á ¿¹¾àÇϱâ */ #reserveconform{margin:auto; padding:10px 20px 20px 20px; width:400px; text-align:center; } .mockinfo input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} #reserveconform img{-webkit-border-radius:5px;} .mockinfo .id{width:64%;} .mockinfo .name{width:64%;} .mockinfo .tel{width:20%;} .mockinfo .email1{width:20%;} .mockinfo .email2{width:20%;} .mockinfo select{font-size:1em; width:70%;} .slt{width:30%;height:24px;border:1px solid #c3c3c3 ;font-size:1em;vertical-align:middle;-webkit-border-radius:0;} #mockviewwrap{ margin:0px 0px 0px 0px; } .mockdetails {border-collapse:collapse;border-spacing:0;border-color:#ccc; width:96%; margin-left:2%;} .mockdetails th{width:50px; text-align:left; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; font-size:1.0em; border-style:solid; border-width:0px; border-color:#ccc; color:#737373; background-color:#fff; border-bottom-width:1px; height:50px;} .mockdetails td{text-align:left; line-height:22px; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; font-size:1.0em; padding:10px 5px; border-style:solid; border-width:0px; border-color:#ccc; color:#333; background-color:#fff; border-bottom-width:1px; height:70px;} .mockdetails td span{color:#737373;} /* ¿¹¾à°­ÁÂÁ¶È¸ */ #reservesc_wrap{ margin:0px 10px 0px 10px; } .reservesc{display:block; border:2px solid #96b4da; padding:10px 10px 10px 10px; -webkit-border-radius:8px; margin-bottom:10px;} .reservesc dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 10px;} .reservesc input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} .reservesc .name{width:50%;} .reservesc .tel{width:20%;} .reservesc .email1{width:50%;} /* ÀÎÅͳݰ­Á */ #part3class {margin:0px 0px 0px 0px; line-height:22px;} /*·Î±×ÀÎ */ .loginbox{border:2px solid #96b4da; padding:10px 10px 10px 10px; -webkit-border-radius:8px; margin-bottom:10px;} .loginbox dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 10px; text-align:center;} .loginbox input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;width:70%; height:45px;} .ckbox{} .ckbox input{width:25px;height:25px;vertical-align:middle; background:#000; border:none; } .loginbtn input{border:none;} .loginbox2{padding:0px 0px 0px 0px; margin-bottom:10px; } .loginbox2 dd{ padding:10px 0px 10px 0px; text-align:center; } .loginbox2 dl{ padding:40px 0px 30px 0px; text-align:center; background:#f7f7f7; } .loginbox2 input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; -webkit-border-radius:1px;width:352px; height:55px; font-size:1.1em;} .loginbtn input{border:none;} /* ȸ¿ø°¡ÀÔ */ .agreementDl dd { padding:10px;height:200px;border:solid 1px #ebebeb;background-color:#f7f7f7; } .agreementDl dd .agree_wrap { position:relative;z-index:1;height:100px;overflow:auto;-webkit-overflow-scrolling:touch; } .agreementDl span {margin:10px 0 10px 0;} .agreement_input { margin:10px 0 30px 0;font-size:1em; } .agreement_input input{width:25px;height:25px;vertical-align:middle; background:#000; border:none; } .jointit {font-weight:bold; color:#005cb2; font-size:1.2em; padding:10px 0 10px 0;} .joinagree{margin:auto; text-align:center; padding:20px 0 20px 0;} .joinbox{padding:10px 0px 10px 0px; -webkit-border-radius:8px; margin-bottom:10px;} .joinbox dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 5px;} .joinbox input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} .joinbox select{font-size:1em;} .joinbox caption{display:none;} .joinbox table{border-collapse:collapse; width:100%; border:0px; cellpadding:0; cellspacing:0; } .joinbox .td1{text-align:left; } .joinbox .td2{text-align:left; padding-top:8px; padding-bottom:8px;} .joinbox .tx_joininfo{font-size:0.8em;color:#333; line-height:16px;} .joinbox th,td{height:25px; line-height:30px; background:none; border-bottom:1px solid #ddd; } .joinbox .id{width: 180px;} .joinbox .pw{width: 180px;} .joinbox .address{width:95%;} .jointit2 {font-weight:bold; color:#000000; font-size:1.6em; padding:10px 0 3px 0; margin-bottom:10px; width:96%;} .jointit3 {font-weight:bold; color:#0272bd; font-size:1.4em; padding:25px 0 10px 0;} .jointit4 {font-weight:bold; color:#0272bd; font-size:1.4em; padding:25px 0 0 0;} .jointit5 {font-weight:bold; color:#000000; font-size:1.6em; padding:10px 0 10px 0; border-bottom:1px solid #ccc;} .joinagree{margin:auto; text-align:center; padding:20px 0 20px 0;} .joinbox2{padding:10px 0px 10px 0px; -webkit-border-radius:8px; margin-bottom:10px;} .joinbox2 dd{padding:8px 0px 8px 5px;} .joinbox2 input{border:1px solid #c3c3c3; background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} .joinbox2 select{font-size:1em;} .joinbox2 caption{display:none;} .joinbox2 table{border-top:2px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-collapse:collapse; width:100%; cellpadding:0; cellspacing:0; } .joinbox2 td{text-align:left; padding: 10px 5px 10px 5px; border-bottom:1px solid #ffffff;} .joinbox2 th{text-align:left; padding: 10px 5px 10px 5px; font-weight:bold; width:130px; border-bottom:1px solid #ffffff;} .joinbox2 .td2{text-align:left; padding-top:8px; padding-bottom:8px; } .joinbox2 .tx_joininfo{font-size: 1em; color:#333; line-height:25px; } .joinbox2 .zip {background-color:#046DEA; border:1px solid #469df5; font-size:1.0em; height:50px; padding:11px; width:220px; text-align:center; color:#;} .joinbox2 .id{width: 200px; height:50px;} .joinbox2 .address{width:90%; height:50px;} .joinbox2 .tel{width:80px; height:50px;} .joinbox2 .email{width:90px; height:50px;} .joinbox2 .textarea{width:100%;height:130px; border:1px solid #c3c3c3; font-size: 1em;} /* °øÁö»çÇ× ¸®½ºÆ® & º¸±â */ #noticewrap a{display:block; width:auto; height:50px; } .list{height:50px; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 10px 0 20px; overflow: hidden; text-overflow: clip '...' } .list2{height:30px; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 10px 0 20px; } .list3{height:10px; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 10px 0 10px; } .list4{height:20px; border-bottom:1px solid #959595; vertical-align:middle; padding:0 10px 0 30px; } .list5{height:10px; border-bottom:1px solid #000000; vertical-align:middle; padding:0 10px 0 10px; } .list_notice{height:50px; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 0px 0 20px; background:#efefef; overflow: hidden; text-overflow: clip '...'} .date{color:#bbb; font-size:0.8em;} #noticecontent{margin:20px 15px 10px 15px; } #noticecontent .t10{font-size:1.1em;} .rightbtn{float:right; } #com_info {margin:20px 0px 10px 0px; } #notice1 img{vertical-align:top; border:0; max-width:100%; } #testpswrap a{display:block; width:auto; } .top_testps {background-color:#3596da; display:inline-block; font-family:arial; font-weight:bold; height:70px; line-height:30px; width:100%; color:#ffffff; font-size: 18px; padding-top:10px; text-align:center;} .testpstextarea{border: 1px solid #dedede; width:100%; height:100px; font-size:1.2em;} /* °Ô½ÃÆÇ ÆäÀÌ¡ */ #paging {text-align:center; padding:10px 10px 10px 10px; } #paging a { display: inline-block; text-decoration: none; vertical-align: middle; padding:5px 9px; margin:2px; } .numBox,.numBox1,.prenumbox,.prenumbox2,.nextnumbox,.nextnumbox2{color:#444; border:3px solid #d0d0d0; font-weight:bold; } .numBox1 { background:#efefef;} .prenumbox {width:10px; background:url(images/icon_arrow5.png) center no-repeat;} .prenumbox2 {width:10px; background:url(images/icon_arrow6.png) center no-repeat;} .nextnumbox {width:10px; background:url(images/icon_arrow3.png) center no-repeat;} .nextnumbox2 {width:10px; background:url(images/icon_arrow4.png) center no-repeat;} /* µ¿¿µ»ó°­Á ÇнÀ */ #vodlecture table{border-collapse:collapse; width:100%; cellpadding:0; cellspacing:8px; border:0; } #vodlecture caption{display:none;} #vodlecture th,td{text-align:center; background:url(images/bg_list.png) bottom left repeat-x;} #vodlecture th{height:50px;} #vodlecture td{height:70px; line-height:22px;} #vodlecture a{display:block; width:auto; height:60px;text-align:center;padding-top:1px; } #courseviewlist table{border-collapse:collapse; width:100%; cellpadding:0; cellspacing:8px; border:0; } #courseviewlist caption{display:none;} #courseviewlist th{text-align:center; height:40px; background:url(images/bg_list.png) bottom left repeat-x;} #courseviewlist th{height:40px; } #courseviewlist td{height:55px; line-height:55px; padding-left:2px;} /* µ¿¿µ»ó°­Á ÅÇ */ #vodlecturemenu {margin:20px 0px 20px 0px;} #vodlecturemenu ul{width:auto; margin-top:10px;} #vodlecturemenu li{float:left; width:14%; height:40px;} #vodlecturemenu li a{display:block;width:auto;} #vodlecturemenu .menuon{background:url(images/bg_tab_right2.png) right 0 no-repeat; text-align:center; line-height:30pt;} #vodlecturemenu .menuon a{background:url(images/bg_tab_left2.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222;} #vodlecturemenu .menuoff{background:url(images/bg_tab_right1.png) right 0 no-repeat;height:40px; text-align:center;} #vodlecturemenu .menuoff a{background:url(images/bg_tab_left1.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222; } #vodlecturemenu2 {margin:20px 0px 20px 0px;} #vodlecturemenu2 ul{width:auto; margin-top:10px;} #vodlecturemenu2 li{float:left; width:25%; height:40px;} #vodlecturemenu2 li a{display:block;width:auto;} #vodlecturemenu2 .menuon{background:url(images/bg_tab_right2.png) right 0 no-repeat; text-align:center; line-height:30pt;} #vodlecturemenu2 .menuon a{background:url(images/bg_tab_left2.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222;} #vodlecturemenu2 .menuoff{background:url(images/bg_tab_right1.png) right 0 no-repeat;height:40px; text-align:center;} #vodlecturemenu2 .menuoff a{background:url(images/bg_tab_left1.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222; } /* µ¿¿µ»ó Player */ #vodplayer dd{background:#000;} #vodtit {background:url(images/bar_vodlecture1.png) ; line-height:42px; font-weight:bold; font-size:1em; color:#FFF; height:42px; padding-left:20px; margin-top:10px;} #vodtail {background:url(images/bar_vodlecture2.png) ; height:25px; margin-bottom:10px;} #vodlistbtn {margin:auto; text-align:center; margin-bottom:10px;} /*ieltsÁ¤º¸ */ #ieltswrap{margin:0px 0px 0px 0px;} #ieltsinfomenu {margin:0px;} #ieltsinfomenu ul{width:auto; margin-top:10px;} #ieltsinfomenu li{float:left; width:33%; height:35px;} #ieltsinfomenu li a{display:block;width:auto;line-height:35px; font-size:1.0em; letter-spacing:-0.02em;} .menuon{background:url(images/bg_tab_right2.png) right 0 no-repeat; text-align:center;} .menuon a{background:url(images/bg_tab_left2.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222;} .menuoff{background:url(images/bg_tab_right1.png) right 0 no-repeat;height:35px; text-align:center;} .menuoff a{background:url(images/bg_tab_left1.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222; } #ieltsinfomenu2 {margin:0px;} #ieltsinfomenu2 ul{width:auto; margin-top:10px;} #ieltsinfomenu2 li{float:left; width:32%; height:40px;} #ieltsinfomenu2 li a{display:block;width:auto;} .menuon{background:url(images/bg_tab_right2.png) right 0 no-repeat; text-align:center;} .menuon a{background:url(images/bg_tab_left2.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222;} .menuoff{background:url(images/bg_tab_right1.png) right 0 no-repeat;height:35px; text-align:center;} .menuoff a{background:url(images/bg_tab_left1.png) no-repeat; font-size:1em; line-height:30pt; text-decoration:none; color:#222; } #ieltsinfotext{padding-top:20px; padding-right:20px; line-height:18pt;} #ieltsinfotext p{margin-bottom:10px; text-align:justify;} #cf_vodview {background:#e4f3ff; padding:10px 0px 10px 5px; height:80px; font-size:1.2em;} /* ¾àµµ */ #mapwrap{margin:8px 10px 8px 10px;font-size:1.3em;} #mapwrap dt{font-size:1.1em; color:#ff2c00; margin:15px 0 5px 0; background:url(images/icon_arrow2.png) no-repeat; padding-left:23px; line-height:23px; font-weight:bold;} #mapwrap dd{font-size:1.0em;} .mapoutline{display:block; margin-bottom:10px; margin-top:10px;} .maptit{float:left;} .bigmapbtn { float:right; width:25%; background: url('images/bg_barbtn_right.png') no-repeat right top; } .bigmapbtn a {display: block;height: 36px;padding: 8px 0 0;background: url('images/bg_barbtn_left.gif') no-repeat left top;text-align:center; } /* °áÁ¦¾È³», ¼ö°­°¡À̵å,¼ö°­»ýÇýÅà */ #infowrap {margin:10px 7px 10px 7px;} /* ¼ö°­°¡À̵å */ #guide img{width:100%;} #classguide {background:#e4f3ff; padding:10px 0px 10px 5px; height:210px; } #classguide dd{height:25px;} #btnvodview {float:left;background:#eee; border:1px solid #999; height:80px; line-height:15pt; -webkit-border-radius:5px; width:23%; text-align:center; margin-right:3px; font-size:0.7em; font-weight:bold; letter-spacing:-0.12em;} #btnvodview a{display:block; width:auto;} #leveltest{ background:url(images/bg_mtest2.png) repeat-x; text-align:center;} #leveltest a{display:block; width:auto;} input[type='radio']{vertical-align:middle;} input[type='radio']{background:#fff; border:solid 2px #ccc; border-radius:15px 15px; height:22px; width:22px; -webkit-appearance:none;} input[type='radio']:checked{background:#fff; border:solid 2px #ccc; border-radius:15px 15px;} input[type='radio']:checked:after {content:' '; display:block; width:12px; height:12px; background:#3399cc; position:relative; top:3px; left:3px; border-radius:12px 12px;} input[type='checkbox']{vertical-align:middle; height:25px; width:25px;} select {height:44px; width:60%; padding:0 10px 0 10px;color:#000000; vertical-align:middle; font:normal 1em 'Apple Gothic', 'Malgun Gothic', sans-serif;border:1px solid #D0D0D0;border-radius:15px;} #ban_allday{display:block; background:url(images/bg_allday.png) repeat-x; text-align:center;} #ban_allday li{line-height:24px; text-align:left;} #ban_merit{ background:#fef4ec; text-align:center;} .ban_noble{ background:#ffffff; text-align:center;} .companyinfo5{ background:#ddf3ff; text-align:center; } .ban_smart{ background:#bbe4ff; text-align:center;} /* ¼ö°­°¡À̵å¾È¿¡ ÆÄ¿öÇÁ·Î±×·¥ »ùÇà ÅǸ޴º */ #powersample {width: 100% } .onpoewe_teb{border-right:1px solid #ddd; width:20%; text-align:center; background:#f9f5ec;} .onpoewe_teb1{border-right:1px solid #ddd; width:15%; text-align:center; background:#fdfcf9;} ul.sampletab {padding: 0; } ul.sampletab li {list-style-type : none; width: 33%; height:60px; float:left; } ul.sampletab li a { outline: none; list-style-type:none; display:block; color:#000; width:100%; text-align:center; font-size: 14px; font-weight: bold; border:1px solid #3596da; border-bottom:2px solid #3596da; background-color:#fff; cursor:pointer; font-family:¸¼Àº °íµñ, Malgun Gothic padding-top:7px; padding-bottom:7px; } ul.sampletab li a.selected{ border-bottom:0px solid #fff; border-left:1px solid #3596da; border-right:1px solid #3596da; border-top:4px solid #3596da; background-color:#fff; height:65px; color:#000; padding-top:7px; } ul.panel { clear:both; border-top: none; padding:0; height:160px; margin:0 0 20px 0; background : #f2f2f2; } ul.panel li { list-style-type:none; padding:10px; color:#333; } .tabtit{font-weight:bold; color:#630;} /* °¢Á¾ ¼ö°­Á¤º¸ ÇÁ·Î±×·¥ */ #ban_oncourse{background:url(images/bgoncourse.png) repeat-x; text-align:center; margin-top:10px; margin-bottom:10px;} #ban_saturday{display:block; background:url(images/bg_saturday.png) repeat-x; text-align:center;} #ban_grammarclass{display:block; background:url(images/bg_grammarclass.png) repeat-x; text-align:center;} #ban_medicalclass{display:block; background:#8db3e9; text-align:center;} #ban_foundation{display:block; background:url(images/bg_foundation.png) repeat-x; text-align:center;} #ban_alevel{display:block; background:#e3e4e5; text-align:center;} #ban_overseas{display:block; background:url(images/bg_overseas.png) repeat-x; text-align:center;} #ban_generalmodule{display:block; background:url(images/bg_generalmodule.png) repeat-x; text-align:center;} #ban_publicservant{display:block; background:#ededef; text-align:center;} #ban_motest{display:block; background:url(images/bg_mock_test.png) repeat-x; text-align:center; padding-bottom:5px;} #ban_offbook{display:block; text-align:center; padding-bottom:5px;} /* ½ÃÇèÀÏÁ¤ */ #schedule{margin:0px 5px 20px 5px;} #scheduletable{padding-top:10px;} #scheduletable caption{display:none;} #scheduletable table{border-collapse:collapse; width:100%; border:0px; cellpadding:0; cellspacing:0; } #scheduletable th,td{height:30px; line-height:30px; border-bottom:1px solid #ddd; } /* ´Ù¿î·Îµå */ #playerdown{margin:20px 20px 20px 20px;} #playerdown{padding-top:10px;} #playerdown caption{display:none;} #playerdown table{border-collapse:collapse; width:100%; border:2px solid #ddd; cellpadding:0; cellspacing:0; } #playerdown th,td{text-align:center;height:40px; line-height:30px; background:none; border-bottom:1px solid #ddd; } #playerdown th{border-bottom:2px solid #ddd;} /* 1:1»ó´ã */ #qna_wrap{ margin:20px 20px 10px 20px; } .qna{display:block; border:2px solid #96b4da; padding:10px 10px 10px 10px; -webkit-border-radius:8px; margin-bottom:10px;} .qna dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 10px;} .qna input{border:1px solid #c3c3c3;background:#fff ;vertical-align:middle; font-size:1em; -webkit-border-radius:1px;} .qna textarea{ font-size:1em; border:0; background:#fff ;-webkit-appearance: none;} .qna .name, .qna .id{width:50%;} .qna .subject{width:80%;} .qna .tel{width:20%;} .qna .email1{width:50%;} .qnatextarea{border: 1px solid #c3c3c3; padding: 10px; background:#fff; height:400px; margin:10px 0 0 0; } /* Àüü¸Þ´º »çÀÌÆ®¸Ê */ #sitewrap{margin:20px 10px 20px 20px;} .sitemapbox{padding:2px 2px 2px 2px; width:46%; float:left; margin-right:10px; margin-bottom:20px;} .sitemapbox dt{border:2px solid #96b4da; background:#deecfd; height:30px; line-height:33px; font-size:1.1em; font-weight:bold; margin-bottom:10px; padding-left:5px; } .sitemapbox dd{ padding-left:5px; height:33px; border-bottom:1px solid #CCC; line-height:32px; font-size:1.0em;} .sitemapbox a{display:block;} .sitemapbox_1 {padding:2px 2px 2px 2px; width:98%; float:left; margin-right:5px; margin-bottom:20px;} .sitemapbox_1 dt{border:2px solid #96b4da; background:#deecfd; height:30px; line-height:33px; font-size:1.1em; font-weight:bold; margin-bottom:10px; padding-left:5px; } .sitemapbox_1 dd{ padding-left:5px; height:33px; border-bottom:1px solid #CCC; line-height:32px; font-size:1.0em;} .sitemapbox_1 a{display:block;} .btncenter{margin:auto; text-align:center;} /* °­»ç»çÁø »çÀÌÆ®¸Ê */ #teacherpic{ background:#eeeeee; overflow:auto; padding-left:3px; padding-top:5px;} #teacherpic dt{padding-bottom: 10px; text-align:center; font-size:1.5em; font-weight:bold;} #teacherbox {padding:0px 0px 0px 0px; overflow:auto; width:105px; height:155px; float:left;} #teacherbox dl{ margin:0 3px 2px 0;text-align:center;} #teacherbox dd{ font-size:0.8em;text-align:center;} #teacherbox a{display:block;} /* ·¹º§Å×½ºÆ® */ .leveltest {background:url(images/bg_mtest.png) repeat-x; padding: 0 10px 10px 10px;} .leveltest dl{padding:0 20px 10px 20px;} .leveltest dd{ line-height:30px;} .leveltestbtn{background:url(images/bg_mtest.png); background-position:bottom; margin-bottom:20px;} .leveltestq {background-color:#fff; margin-bottom:30px;} .leveltestq dd{text-align:right; font-weight:bold; font-size:1.4em;} .leveltestq_tit {background:url(images/bg_leveltest_qtit.png) no-repeat; height:90px;} .leveltestquestion {padding:0 20px 10px 20px;} .leveltestquestion li {line-height:37px; font-size:1.3em ; } .leveltestquestion td {border:0px; float:left; height:37px;} .leveltestq_bottom {background:url(images/bg_leveltest_qbottom.png) repeat-x; height:22px;} .leveltestpnt {margin:auto; width:100%; height:90px; text-align:center; padding-top:30px;} .leveltestpnt dt{ font-weight:bold; color:#005cb2; font-size:1.4em ; } .leveltestpnt dd{ font-weight:bold; color:#005cb2; font-size:1.2em ; } .leveltest_e {background-color:#fff; width:100%; text-align:center; } .leveltest_e img{width:100%; max-width:640px; } .leveltest_end {background-color:#fff; margin:auto; width:100%; height:90px; text-align:center; padding-top:30px;} .leveltest_end dt{ font-weight:bold; color:#005cb2; font-size:1.4em ; } .leveltest_end dd{ font-weight:bold; color:#005cb2; font-size:1.2em ; } .boki li{float:left; width:40%; height:40px; font-size:1.2em; } .boki {padding-left:30px; padding-bottom:30px;} .boki2 li{float:left; width:30%; height:40px; font-size:1.2em; } .boki2 {padding-left:20px; padding-bottom:30px;} .evaluation {background-color:#f2f2f3; margin-bottom:30px; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .evaluation dl{padding:15px 10px 10px 10px; } .evaluation dt{ color:#005cb2; font-size:1.3em; } .evaluation dd{ font-size:1.2em; } .evaluation_qu {padding:0 20px 10px 20px; } .evaluation_qu h2{font-size:1.3em; } .evaluation_qu ul{padding:20px 5px 10px 5px; } .evaluation_qu .class li{line-height:50px; font-size:1.2em; padding:0 0 10px 0;} .evaluation_qu .class dd {float:left; width:20%; line-height:40px;} .evaluation_qu .etc li{line-height:25px; font-size:1.1em; padding:0 0 10px 0;} .evaluation_qu .etc dd {float:left; width:40%; line-height:30px;} .etc_textarea {width:100%;height:150px;font-size:1.0em;font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .evaluation_list {background-color:#f2f2f3; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .evaluation_list dl{padding:10px 10px 0 0;} .evaluation_list dt{ color:#005cb2; font-size:15px; } .evaluation_view {padding:0 20px 10px 20px;} .evaluation_view ul{padding:20px 5px 10px 5px; } .evaluation_view .class li{line-height:20px; font-size:14px; padding:0 0 20px 0;} .evaluation_view .class dd {float:left; width:20%; line-height:30px;} .evaluation_view .etc li{line-height:20px; font-size:14px; padding:0 0 10px 0;} .evaluation_view .etc dd {float:left; width:40%; line-height:30px;} /* 1:1 Writing 1:1 Speaking */ #writingcoment{display:block; border:10px solid #177c7b; padding-top:10px; padding-bottom:10px; } #speakingcoment{display:block; background:url(images/bg_speakingtest.png); padding-top:10px; padding-bottom:15px; } .speakingcoment_text{color:#FFF; font-size:50px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; line-height:70px; } /*.info_detail {margin:0; border-top: 1px solid #d4d4d4; } .info_detail li {float: left; text-align:center; font-size: 23px; background-color: #f9f9f9; width: 50%; } .info_detail ul {overflow: hidden;} .info_detail li a {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;display:block; line-height: 30px; padding: 15px 10px 15px; margin-left: -1px; } .info_detail li.on {position:relative; background-color: #fff; } .info_detail li.on a {border-bottom:0 none; border-top:0 none ; font-weight:bold; padding: 10px 0; } .info_detail li:first-child a {margin-left:0; } */ #company .companywhy {width: auto; background-color: #ddf3ff; position:relative; height: 560px; } #company .companywhy .companywhy1{width: 260px; height: 60px; line-height:60px; position:absolute; left: 10px; top: 15px; text-align:center; background-color:#3596da; color: #fff; font-size: 22px; font-weight:bold;} #company .companywhy .companywhy2 {width: 97%; position:absolute; left:20px; font-size: 20px; line-height:33px; padding-top: 90px; } #company .companywhy .companywhy2 li{padding-left: 20px; background:url(//www.ielts.co.kr/home/images/company/icon04.png) 0 13px no-repeat; list-style:none; } #company h2 {font-size:28px; border-bottom: 1px solid #7c7c7c; margin: 30px 0; padding-bottom: 5px; padding-left:5px;} #class .info {width: auto; background-color: #ddf3ff; position:relative; height: 460px; } #class .info .infowhy1{width: 350px; height: 60px; line-height:60px; position:absolute; left: 10px; top: 15px; text-align:center; background-color:#3596da; color: #fff; font-size: 22px; font-weight:bold;} #class .info .infowhy2 {width: 97%; position:absolute; left:20px; font-size: 20px; line-height:33px; padding-top: 90px; } #class .info .infowhy2 li{padding-left: 10px; list-style:none; } .infotest {margin:0; border-top: 1px solid #d4d4d4; } .infotest li {float: left; text-align:center; font-size: 1.2em; background-color: #fff; width: 50%; } .infotest ul {overflow: hidden;} .infotest li a {border-right: 1px solid #d4d4d4; display:block; line-height: 30px; padding: 10px 10px 10px; margin-left: -1px; margin-top:15px; margin-bottom:15px;} .infotest li.on {position:relative; background-color: #fff; } .infotest li.on a {border-bottom:0 none; border-top:0 none ; font-weight:bold; padding: 10px 0; } .infotest li:first-child a {margin-left:0; } .tel_btn {margin:0; width:auto;} .tel_btn ul {overflow: hidden; margin-left:5px;} .tel_btn li {float: left; text-align:center; font-size: 1.1em; background-color: #fff; width: 49%;} .tel_btn li a {text-align:center; height:25px; border:1px solid #303030; background-color: #303030; color:#ffffff; width:auto; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px; margin-left: 10px; } .tel_btn li:first-child a {margin-left:0; } .cart_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:100%; text-align:center; -webkit-appearance:none;} .cart_yeyak:active {position:relative; top:1px; text-decoration:none;} .cart_yeyak2 {background-color:#046DEA; border:1px solid #469df5; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:50px; line-height:50px; width:100%; text-align:center; -webkit-appearance:none;} .cart_yeyak2:active {position:relative; top:1px; text-decoration:none;} .cart_yeyak3 {background-color:#dfdfdf; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #dcdcdc; display:inline-block; font-size: 1.5em; color:#000000; font-weight:bold; height:50px; line-height:50px; width:100%; text-align:center; -webkit-appearance:none;} .cart_yeyak3:active {position:relative; top:1px; text-decoration:none;} .cart_yeyak4 {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:80px; line-height:28px; width:100%; text-align:center; padding-top:5px; -webkit-appearance:none;} .cart_yeyak4:active {position:relative; top:1px; text-decoration:none;} .cart_yeyak4 span { font-size: 20px; } .cart_yeyak5 {background-color:#516c9f; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #516c9f; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:50px; line-height:50px; width:80%; text-align:center; -webkit-appearance:none;} .cart_yeyak5:active {position:relative; top:1px; text-decoration:none;} .cart_yeyak6 {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:100%; text-align:center; -webkit-appearance:none;} .cart_yeyak7 {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #dcdcdc; display:inline-block; font-size: 28px; color:#ffffff; font-weight:bold; height:70px; line-height:30px; width:100%; text-align:center; -webkit-appearance:none;} .leveltest_btn {background-color:#df3d48; text-indent:0; display:inline-block; font-size: 28px; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:46%; text-align:center; padding-top:5px; -webkit-appearance:none;} .btn_level_p { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f25738), color-stop(1, #ff2424) ); background:-moz-linear-gradient( center top, #f25738 5%, #ff2424 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25738', endColorstr='#ff2424'); background-color:#f25738; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px; border:1px solid #ffaa22; display:inline-block; color:#ffffff; letter-spacing:0.1em; font-family:'Nanum Gothic',sans-serif; font-size:22px; font-weight:bold; height:60px; line-height:60px; width:46%; text-align:center; } .btn_level_n { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f25738), color-stop(1, #ff2424) ); background:-moz-linear-gradient( center top, #f25738 5%, #ff2424 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25738', endColorstr='#ff2424'); background-color:#f25738; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; border:1px solid #ffaa22; display:inline-block; color:#ffffff; letter-spacing:0.1em; font-family:'Nanum Gothic',sans-serif; font-size:22px; font-weight:bold; height:60px; line-height:60px; width:46%; } .btn_complete { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f25738), color-stop(1, #ff2424) ); background:-moz-linear-gradient( center top, #f25738 5%, #ff2424 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25738', endColorstr='#ff2424'); background-color:#f25738; border:1px solid #ffaa22; display:inline-block; color:#ffffff; letter-spacing:0.05em; font-family:'Nanum Gothic',sans-serif; font-size:1.5em; font-weight:bold; height:70px; line-height:70px; width:70%; text-align:center; } .btn_type1 {background-color:#dfdfdf; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #dcdcdc; display:inline-block; font-size: 1.3em; color:#6c6c6c; font-weight:bold; height:50px; line-height:40px; width:49%; text-align:center; -webkit-appearance:none;} .btn_type1:active {position:relative; top:1px; text-decoration:none;} .page_close {background-color:#3596da; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #bee4f6; display:inline-block; font-size: 1.3em; color:#ffffff; font-weight:bold; height:60px; line-height:30px; width:96%; text-align:center;} #class_online .on_sub {color :#0272bd; font-size: 1.2em; font-weight: bold; margin: 30px 0 5px 0;} #class_online .on_sub2 {color :#0272bd; font-size: 1.2em; font-weight: bold; margin: 30px 0 5px 0; padding-left:2%;} #class_online .on_sub3 {color :#000000; font-size: 1.2em; font-weight: bold; margin: 20px 0 5px 0;} #class_online .info_basic {width: 99%; float:left; margin:0px 1% 0px 1%; } #class_online .info_basic dl { content:""; display:block; clear:both; } #class_online .info_basic dl{position: relative; border-bottom: 1px solid #edeeef; font-size:1.2em; line-height:42px;} #class_online .info_basic dt {float: left; width: 120px; color: #737373; padding: 10px 6px 10px 0px; } #class_online .info_basic dd {float: left; width: auto; padding: 10px 6px 10px 0px; } #class_online .info_basic span {color :#0272bd; font: 18px; font-weight: 650; margin: 30px 0 5px 0;} #class_online .info_basic table {border-top: 1px #d4d4d4 solid; width:100%; font-size:1.2em;} #class_online .info_basic table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_basic table th {font-weight:600; vertical-align:middle; padding-left: 10px; line-height: 45px; text-align:left; border-bottom: 1px #d4d4d4 solid; height: 45px; color:#757575; } #class_online .info_basic table td {font-weight:600; line-height: 22px; text-align:left; height: 45px; padding:8px 0px 8px 0px;} #class_online .info_basic .img_c {max-width:700px; width:100%;} #class_online .online_detaillist {margin: 10px 0px 10px 0px;} #class_online .online_detaillist table {border-top: 1px #d4d4d4 solid; width:100%; font-size:1.2em;} #class_online .online_detaillist table tr {border-bottom: 1px #d4d4d4 solid;} #class_online .online_detaillist table th {background-color:#efefef; vertical-align:middle; padding:5px 0; text-align:center; border-bottom: 1px #d4d4d4 solid; } #class_online .online_detaillist table td {padding-top:10px ; padding:20px 0; line-height: 20px; font-weight:600;} #class_online .online_detaillist table span {color:#5a5a5a;} #class_online .online_detaillist table .left {text-align:left; padding-left:10px;} #class_online .online_detaillist .center {text-align:center;} #class_online .online_detaillist .right {text-align:right;} #class_online .online_detaillist .right1 {text-align:right; padding-right:5px;} #class_online .online_detaillist .right2 {text-align:right; padding-right:40px; font: 22px } #class_online .online_detaillist .book_name {color:#9e9e9e; font-size:0.9em;} #class_online .online_detaillist .cash {color:#046dea; padding-top:5px; padding-bottom:5px; font-size: 1em;} #class_online .online_detaillist .cash2 {color:#046dea; font-weight:bold; border:0px; text-align:right; width:140px; font-size:1.2em;} #class_online .online_detaillist .cash3 {color:#330033; font-weight:bold; border:0px; text-align:right; width:140px;} #class_online .online_detaillist .cash4 {color:#000000; font-weight:bold; border:0px; text-align:right; width:100px; font-size:1.2em;} #class_online .online_detaillist .cash5 {color:#ff0000; font-weight:bold; border:0px; text-align:right; width:100px; font-size:1.5em; letter-spacing:-0.03em;} #class_online .online_detaillist table span{ vertical-align:middle;} #class_online .online_detaillist .btn {padding-top:15px;padding-bottom:15px; text-align:right;} #class_online .online_detaillist .btn a{float:right; } #class_online .online_form {margin: 20px 10px 20px 10px;} #class_online .online_form span {color :#0272bd; font: 18px; font-weight: 650; margin: 30px 0 5px 0;} #class_online .online_form table {border-top: 1px #d4d4d4 solid; width:100%} #class_online .online_form table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .online_form table th {vertical-align:middle; padding:10px 0; text-align:center; border-bottom: 1px #d4d4d4 solid; height: 50px;} #class_online .online_form table td {padding:10px 0 10px 10px; line-height: 20px; text-align:left; height: 50px;} #class_online .online_form table td .inputcash {background-color: #ffffff; width: 80%; height: 40px; padding: 5px; text-align:right; font-weight:bold; font-size:1.1em; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_form table td .inputcash2 {background-color: #ffffff; width: 80%; height: 40px; padding: 5px; text-align:right; font-weight:bold; font-size:1.1em; color:#046dea; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_form table td .inputid {width: 100%; height: 40px; padding: 5px; border: 0px; font-size:1.0em;-webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_form table td .inputName {width: 100%; height: 40px; padding: 5px; border: 1px #b4b4b4 solid; font-size:1.0em;-webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_form table td .inputCell {width: 26%; height: 40px; padding: 5px; border: 1px #b4b4b4 solid; font-size:1.0em; margin-right: 3px; -webkit-padding-before:13px; -webkit-padding-after:13px; } #class_online .online_form table td .inputEmail {width: 110px; height: 40px; padding: 5px; border: 1px #b4b4b4 solid; font-size:1.0em; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_form table td .inputetc { font-weight:bold; width: 100%; height: 40px; border: 0px; font-size:1.0em; text-align:left;} #class_online .online_form table td .inputdate { font-weight:bold; width: 100%; height: 40px; border: 0px; font-size:1.4em; color:blue; text-align:left;} #class_online .online_form table td .inputdate_z { font-weight:bold; width: 100%; height: 40px; border: 0px; font-size:1.5em; color:blue; text-align:left;} #class_online .online_form table td .txt {color:#000000; font-weight:bold; font-size:1.0em; text-align:left;} #class_online .online_form ul {line-height:30px;} #class_online .online_info {margin: 20px 10px 20px 10px;} #class_online .online_info span {color :#0272bd; font: 18px; font-weight: 650; margin: 30px 0 5px 0;} #class_online .online_info table {border-top: 1px #d4d4d4 solid; width:100%} #class_online .online_info table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .online_info table th {color: #737373; vertical-align:middle; padding:10px 0; text-align:center; border-bottom: 1px #d4d4d4 solid; height: 40px; font-weight:600;} #class_online .online_info table td {padding-top:5px; padding-right:10px; padding:10px 0 10px 20px; line-height: 22px; text-align:left; height: 40px; font-weight:600;} #class_online .packageinfo{display:block; border:0px; padding:10px 0px 10px 0px; -webkit-border-radius:8px; margin: 20px 0;} #class_online .packageinfo span {color :#0272bd; font-size: 1.4em; font-weight: bold; margin: 30px 0 20px 0;} #class_online .packageinfo h1 {color :#737373; font-size: 1.1em; margin: 5px 0 3px 0;} #class_online .packageinfo .play_img {width:100%; max-width:1000px;} #class_online .packageinfo table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid; width:100%} #class_online .packageinfo table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .packageinfo table th {color: #737373; vertical-align:middle; padding:8px 0; text-align:center;} #class_online .packageinfo table td {padding-top:10px; padding:10px 0 10px 20px; line-height: 20px; text-align:left;} #class_online .packageinfo table td img {width:24%; max-width:150px;} #class_online .info_special {margin-bottom:10px;} #class_online .info_special table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid; font-size:1.1em;} #class_online .info_special table tr {border-bottom: 1px #d4d4d4 solid;} #class_online .info_special table th { background-color: #f9f9f9; vertical-align:middle; padding:10px 0; height:50px; font-weight:600; text-align:center;} #class_online .info_special table td {padding-top:10px; padding:10px 0; line-height: 24px; font-weight:600; text-align:center;} #class_online .info_special dd{ border-bottom:1px dashed #CCC; padding:8px 0px 8px 10px; font-weight:normal;} #class_online .info_special dt{ border-bottom:1px solid #CCC; padding:8px 0px 8px 10px; font-weight:normal;} #class_online .info_special .left {text-align:left;} #class_online .info_special .info_bookgallery {width: 100%; float:left; height: auto; padding: 10px 0;} #tapmenu {overflow: hidden; margin-bottom: 30px;} #tapmenu .type_m3 li{width: 33.3333%;} #tapmenu .type_m2 li{width: 25%;} #tapmenu li {float: left; text-align:center; font-size: 1.1em; background-color: #f9f9f9; } #tapmenu .tap {overflow: hidden;} #tapmenu li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu li:first-child a {margin-left:0; } #tapmenu1 {overflow: hidden; margin-bottom: 10px;} #tapmenu1 .type_m3 li{width: 33.3333%;} #tapmenu1 li {float: left; text-align:center; font-size: 1.0em; background-color: #ffffff; } #tapmenu1 .tap {overflow: hidden;} #tapmenu1 li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu1 .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu1 .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu1 li:first-child a {margin-left:0; } #tapmenu2 {overflow: hidden; margin-bottom: 15px;} #tapmenu2 .type_m4 li{width: 166px;} #tapmenu2 li {float: left; text-align:center; font-size: 16px; background-color: #f9f9f9; } #tapmenu2 .tap {overflow: hidden;} #tapmenu2 li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu2 .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu2 .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu2 li:first-child a {margin-left:0; } #tapmenu3 {overflow: hidden; margin-bottom: 15px; margin-top:30px;} #tapmenu3 .type_m li{width: 25%;} #tapmenu3 li {float: left; text-align:center; font-size: 1.1em; background-color: #f9f9f9; } #tapmenu3 .tap {overflow: hidden;} #tapmenu3 li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu3 .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu3 .tap li.on a {border-bottom:1px solid #ffffff; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu3 .tap li.off {position:relative; border-top: 1px solid #d4d4d4; background-color: #fff; } #tapmenu3 .tap li.off a {border-bottom:0 none; border-top:0 none ; font-weight:bold; padding: 17px 0; } #tapmenu3 li:first-child a {margin-left:0; } .textinfo {border: 1px solid #d4d4d4;padding:10px 0px 10px 5px; line-height:30px; } .zipbox{border:2px solid #96b4da; padding:10px 10px 10px 10px; -webkit-border-radius:8px; margin-bottom:10px; font-size:1.1em;} .zipbox dd{line-height:50px; padding:8px 0px 8px 10px; text-align:left; font-size:1.0em;} .zipbox .inputName {width: 100%; height: 50px; padding: 5px; border: 1px #b4b4b4 solid; font-size:1.0em;-webkit-padding-before:13px; -webkit-padding-after:13px;} .addbook_css { background-color:#3596da; text-indent:0; border:1px solid #3596da; display:inline-block; color:#ffffff; font-family:µ¸¿ò; font-size:1.0em; font-weight:bold; font-style:normal; height:40px; line-height:40px; width:100%; text-decoration:none; text-align:center;} #mainmenu {overflow: hidden; margin-bottom: 10px;} #mainmenu .type_m2 li{width: 20%;} #mainmenu li {float: left; text-align:center; font-size: 1.0em;} #mainmenu .tap {overflow: hidden;} #mainmenu li a {border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; margin-right: -1px;} #on_notice {margin-top: 20px; margin-bottom: 4px;} #on_notice .info {margin:0; text-align:left;} #on_notice .info table {border-top: 1px #d4d4d4 solid; text-align:left;} #on_notice .info table tr {border-bottom: 1px #d4d4d4 solid; } #on_notice .info table td {padding-top:10px; padding:10px 0 10px 5px; line-height: 23px; } #on_notice .info table td li{text-align:left; font-size:1.3em; line-height: 23px;} #on_notice .stit3 {font-size:1.3em; font-weight:bold; display:block; margin-bottom: 10px; padding-left:5px} #benefit {margin-top: 30px; margin-bottom: 4px;} #benefit .info {margin:0; text-align:left; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dee3ee), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #dee3ee 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee3ee', endColorstr='#ffffff');} #benefit .info table {text-align:left; width:100%;} #benefit .info table tr {border-bottom: 1px #d4d4d4 solid; } #benefit .info table td {padding-top:10px; padding:10px 0 10px 10px; line-height: 30px; } #benefit .info table td li{text-align:left; font-size:1em; line-height: 30px;} #benefit .stit3 { font-size:1.4em; font-weight:bold; display:block; margin-bottom: 15px; padding-left:5px; padding-top:15px;} .mem_join { background-color:#df3d48; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-indent:0; color:#ffffff; font-size:1.3em; display:inline-block; font-family:¸¼Àº °íµñ, Malgun Gothic; font-weight:bold; height:50px; line-height:50px; width:48%; text-align:center; padding-top:5px; } .mem_cancel { background-color:#029de0; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family:¸¼Àº °íµñ, Malgun Gothic; color:#ffffff; font-size:1.3em; font-weight:bold; height:50px; line-height:50px; width:48%; text-align:center; padding-top:5px; } .mem_join:hover { background-color:#ce0100; text-decoration:none; } .mem_cancel:hover { background-color:#3596da; text-decoration:none; } .tg {width:96%; border-collapse:collapse;border-spacing:0;border-color:#ccc; margin-left:2%;} .tg td{width:100%; font-size:14px;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;border-color:#ccc;color:#333;background-color:#fff;border-top-width:1px;border-bottom-width:1px;} .tg td li{font-size:1.1em; line-height:1.5em;} .tg td span{font-size:1px; color:#737373;} .tg .tg-yw4l{ text-align:left;} .tg .tg-yw4l label{ text-align:left; font-size:1.1em;} .tg .zip { border:1px solid #ccc; font-size:1.2em; color:#ffffff; background-color:#ccc; height: 25px; line-height:25px; padding:6px; width:120px; text-align:center; float:right;} .tg_name{height:40px; border:0px solid; font-size:1.1em; width:100%; background-color:#fff; padding-left:5px;} .tg_phone{height:40px; border:0px solid; font-size:1.1em; width:29%; background-color:#fff; padding-left:5px;} .tg_phone2{height:40px; border:0px solid; font-size:1.1em; width:15%; background-color:#fff; padding-left:5px;} .tg_pay{height:50px; border:0px solid; font-size:2.5em; width:100%; background-color:#fff; padding-left:5px; font-weight:bold; margin:0; padding:0;} .tg_type1 {height:40px; border:0px solid; font-size:1.1em; width:50%; background-color:#fff; padding-left:5px;} .tg .tg_select{height:40px; border:0px solid; font-size:1.1em; width:100%; background-color:#fff; padding-left:5px;} .tg .text_1{height:40px; border:0px solid; font-size:1.1em; width:100%; background-color:#fff; padding-left:5px; line-height:60px;} .soundcloud {width:100%; background:url(./images/souncloud_click.png) 10px 15px no-repeat; background-color:#3596da; font-family:arial; font-weight:bold; height:38px; line-height:20px; color:#ffff00; font-size: 18px; padding-top:20px; vertical-align:bottom;} .btn_call1 {margin-left:5px; float:left; text-align:center; height:25px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:90%; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px;font-size: 1.1em;} .btn_call {text-align:center; height:25px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:auto; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px;font-size: 1.1em;} .btn_call2 {text-align:center; height:30px; border:1px solid #516c9f; background-color: #516c9f; color:#ffffff; width:90%; -webkit-border-radius:10px; display:block; line-height: 30px; padding: 10px 10px 10px;font-size: 0.8em;} .btn_call3 {margin-left:5px; float:left; text-align:center; height:25px; border:1px solid #df3d48; background-color: #df3d48; color:#ffffff; width:90%; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px; font-size: 1.0em;} .btn_call4 {text-align:center; height:40px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:100%; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px;font-size: 1.1em; } .btn_call5 {margin-left:2%; float:center; text-align:center; height:30px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:96%; -webkit-border-radius:5px; display:block; line-height: 30px; padding: 4px 0px 4px; font-size: 1.0em;} .btn_call6 {text-align:center; height:25px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:45%; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px;font-size: 1.1em;} .btn_call7 {float:left; text-align:center; height:25px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:96%; -webkit-border-radius:5px; display:block; line-height: 25px; padding: 15px 10px 15px;font-size: 1.1em;} .btn_call8 {float:center; text-align:center; height:30px; border:1px solid #3596da; background-color: #3596da; color:#ffffff; width:96%; -webkit-border-radius:5px; display:block; line-height: 30px; padding: 8px 0px 8px; font-size: 1.2em;} .btn_call9 {float:center; text-align:center; height:40px; font-weight:600; border:1px solid #000000; background-color: #ffffff; color:#000000; width:96%; -webkit-border-radius:10px; display:block; line-height: 40px; padding: 8px 0px 8px; font-size: 1.3em;} .bg_color {background-color:#f0f5fe; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .bg_color1 {background-color:#ddf3ff; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .btn_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:50px; line-height:50px; width:96%; text-align:center; -webkit-appearance:none; margin:10px 2% 0px 2%;} .btn_yeyak2 {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:50px; line-height:50px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 2% 0px 2%;} .btn_yeyak3 {background-color:#df3d48; float:center; display:inline-block; font-size: 1.5em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:100%; text-align:center; -webkit-appearance:none; margin:15px 0px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing:-0.5px;} .class_btn_cash {background-color:#4a99d9; border:1px solid #4a99d9; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:75px; line-height:75px; width:96%; padding-top:5px; text-align:center; -webkit-appearance:none; margin:15px 2% 0px 2%;} .btn_cata {background-color:#3596da; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:50px; line-height:50px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 2% 7px 2%;} .btn_cata2 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.3em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:98%; text-align:center; -webkit-appearance:none; margin:0px 1% 15px 1%;} .class_btn {background-color:#ffffff; border:1px solid #000000; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.5em; color:#000000; font-weight:bold; height:75px; line-height:75px; width:96%; padding-top:5px; text-align:center; -webkit-appearance:none; margin:15px 2% 0px 2%;} .btn_cata3 {background-color:#d4455a; float:center; display:inline-block; font-size: 1.3em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:100%; text-align:center; -webkit-appearance:none; margin:15px 0px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing:-0.5px;} .btn_cash2 {background-color:#4a99d9; float:center; display:inline-block; font-size: 1.3em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:100%; text-align:center; -webkit-appearance:none; margin:15px 0px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing:-0.5px;} .BtnCash {background-color:#4a99d9; float:center; display:inline-block; font-size: 1em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:100%; text-align:center; -webkit-appearance:none; margin:15px 0px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing:-0.5px;} .link_pay {float:right; letter-spacing:-0.5px; background-color: #2d4393; display:inline-block; font-size: 1.6em; color:#ffffff; font-weight:bold; height:90px; line-height:40px; width:100%; text-align:center; -webkit-appearance:none;} .join_n{padding:10px 2% 0px 2%; -webkit-border-radius:8px; margin-bottom:10px;} .join_n table{border-top:2px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-collapse:collapse; width:100%; cellpadding:0; cellspacing:0; } .join_n th{text-align:left; padding: 20px 0px 0px 0px; height:80px; font-weight:bold; width:130px; border-bottom:0px; font-size:1.1em; } .join_n .textarea{width:100%;height:140px; border:1px solid #c3c3c3; font-size: 0.9em; color:#8e8e8e;} .join_n .view {border:1px solid #dedede; border-radius:15px 15px; margin:20px 0 0 0; background-color: #ffffff; font-size:1.1em; } .join_n .view dd{margin:20px 20px 15px 20px;} #ecampus_btn .btn_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 1.4em; color:#ffffff; font-weight:bold; height:60px; line-height:60px; width:98%; text-align:center; -webkit-appearance:none; margin:15px 1% 15px 1%;} #ecampus_btn .btn_small1 {background-color:#df3d48; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.3em; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:98%; text-align:center; -webkit-appearance:none; margin:15px 0px 15px 0px;} #ecampus_btn .btn_small2 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.3em; color:#ffffff; font-weight:bold; height:70px; border:1px solid #8d8d8d; line-height:40px; width:98%; text-align:center; -webkit-appearance:none; margin:0px 1% 15px 2%;} #ecampus_btn .btn_small3 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.3em; color:#ffffff; font-weight:bold; height:70px; border:1px solid #8d8d8d; line-height:30px; width:98%; text-align:center; -webkit-appearance:none; margin:0px 2% 15px 2%;} #ecampus_btn .btn_small4 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.3em; color:#ffffff; font-weight:bold; height:61px; border:1px solid #8d8d8d; line-height:27px; padding-top:8px; width:96%; text-align:center; -webkit-appearance:none; margin:0px 1% 15px 1%;} #ecampus_btn .btn_small4 span{font-size: 20px;} #ecampus_btn .kakao_info {background-color:#ffe800; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.4em; color:#000000; font-weight:bold; height:60px; line-height:60px; width:98%; text-align:center; -webkit-appearance:none; margin:0px 1% 15px 1%;} #courses_btn {position:fixed;bottom:0px; margin:0; padding:0; width:100%; height:90px; background-color:#efefef; opacity: 4.5;} #courses_btn .btn_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 2% 15px 2%;} #courses_btn .btn_tel {border:1px solid #303030; background-color: #303030; color:#ffffff; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 22px; font-weight:bold; height:50px; line-height:40px; padding-top:10px; width:47%; text-align:center; -webkit-appearance:none; margin:15px 2% 15px 1%;} #courses_btn .btn_tel2 {border:1px solid #303030; background-color: #303030; color:#ffffff; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 22px; font-weight:bold; height:50px; line-height:40px; padding-top:10px; width:47%; text-align:center; -webkit-appearance:none; margin:15px 2% 15px 2%;} #courses_btn2 {position:fixed; bottom:0px; padding:0; width:100%; height:90px; background-color:#efefef; margin-left:-10px; z-index:1; display:none;} #courses_btn2 .btn_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 2% 15px 2%;} #courses_btn3 {position:fixed;bottom:0px; padding:0; width:100%; height:110px; background-color:#efefef; margin-left:-10px; z-index:1; display:none;} #courses_btn3 .btn_yeyak2 {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:80px; line-height:28px; width:96%; text-align:center; margin:15px 2% 15px 2%; -webkit-appearance:none;} #courses_btn3 .btn_yeyak2 span {font-size: 20px; } #courses_btn4 {position:fixed; bottom:0px; padding:0; margin:0; width:100%; height:180px; background-color:#efefef; display:none; z-index:1; } #courses_btn4 .btn_yeyak {background-color:#df3d48; text-indent:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:inline-block; font-size: 26px; color:#ffffff; font-weight:bold; height:70px; line-height:40px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 2% 15px 2%;} #courses_btn4 .btn_small1 {background-color:#df3d48; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:96%; text-align:center; -webkit-appearance:none; margin:15px 0px 15px 0px;} #courses_btn4 .btn_small2 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; border:1px solid #8d8d8d; line-height:40px; width:96%; text-align:center; -webkit-appearance:none; margin:0px 2% 15px 2%;} #courses_btn4 .btn_small4 {background-color:#3596da; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 26px; color:#ffffff; font-weight:bold; height:65px; border:1px solid #8d8d8d; line-height:30px; padding-top:5px; width:96%; text-align:center; -webkit-appearance:none; margin:0px 2% 15px 2%;} #courses_btn4 .btn_small4 span{font-size: 20px;} #courses_btn6 {position:fixed;bottom:0px; padding:0; width:100%; height:150px; background-color:#d1bd92; z-index:9000; display:none; z-index:1;} #courses_btn6 .btn_small1 {background-color:#df3d48; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:49%; text-align:center; -webkit-appearance:none; margin:15px 0px 15px 0px;} #courses_btn6 .btn_small2 {background-color:#3596da; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 26px; color:#ffffff; font-weight:bold; height:60px; line-height:40px; width:49%; text-align:center; -webkit-appearance:none; margin:15px 0px 15px 0px;} .classdetails {border-collapse:collapse;border-spacing:0;border-color:#ccc; width:100%;} .classdetails th{width:70px; text-align:left; font-size:1.2em; border-style:solid; border-width:0px; border-color:#ccc; color:#737373; background-color:#fff; border-bottom-width:1px; height:50px;} .classdetails td{text-align:left; font-size:1.2em; line-height:1.3em; padding:5px 0px 5px 0px; border-style:solid; border-width:0px; border-color:#ccc; color:#333; background-color:#fff; border-bottom-width:1px; height:50px;} .classdetails td span{color:#737373;} .classdetails .inputcash {width: 90px; height: 40px; padding: 5px; text-align:left; font-weight:bold; font-size:1.1em; -webkit-padding-before:13px; -webkit-padding-after:13px;} .classviewdetails {border-collapse:collapse;border-spacing:0;border-color:#ccc; width:96%; margin-left:2%;} .classviewdetails td{text-align:left; font-size:1.2em; padding:3px 5px; border-style:solid; border-width:0px; border-color:#ccc; color:#333; background-color: #f0f5fe; border-bottom-width:1px; height:50px;} .classviewdetails td span{color:#737373;} .classviewdetails .inputcash {width: 150px; height: 50px; padding: 5px; text-align:right; font-weight:bold; font-size:1.3em; background-color: #f0f5fe;-webkit-padding-before:13px; -webkit-padding-after:13px;} .erp_good1{width: 260px; height: 60px; line-height:60px; margin-left:2%; text-align:center; background-color:#3596da; color: #fff; font-size: 22px; font-weight:bold;} .erp_good2 {padding-left: 20px; padding-top:20px; padding-bottom:20px; letter-spacing:-0.05em;} .erp_good2 li{padding-left: 14px; padding-right: 5px; background:url(//www.ielts.co.kr/home/images/company/icon04.png) 0 13px no-repeat; list-style:none; line-height:35px; font-size:1em;} .erp_good2 td{padding-left: 0px; list-style:none; line-height:35px; border:0px; text-align:left; font-size:1.1em;} .go_guide {width:100%; float:center; border:0px; margin:0px; background:#f0f0f0;} .go_guide li{text-align:center;} .go_guide img{width:100%; max-width:640px; float:center; border:0px; margin:0px;} .go_guide2 {width:100%; float:center; border:0px; margin:0px; background:#767de1;} .go_guide2 li{text-align:center;} .go_guide2 img{width:100%; max-width:640px; float:center; border:0px; margin:0px;} .tit_qna {width:100%; float:center; border:0px; margin:0px; background:url(https://m.ielts.co.kr/images/m_qna_bg.png);} .tit_qna li{text-align:center;} .tit_qna img{width:100%; max-width:640px; float:center; border:0px; margin:0px;} .go_kakao_plus {width:100%; float:center; border:0px; margin-top:10px; margin-bottom:10px; background:#fbe616; } .go_kakao_plus li{text-align:center;} .go_kakao_plus img{width:100%; max-width:700px; float:center; border:0px; margin:0px;} .go_power {width:100%; float:center; border:0px; margin:0 0 0 0 ;background:#cfd5e5; } .go_power li{text-align:center;} .go_power img{width:100%; max-width:495px; float:center; border:0px; margin:0px;} .go_onpower {margin-top:10px; background-color:#3596da; display:inline-block; font-family:arial; font-weight:bold; height:70px; line-height:30px; width:100%; color:#ffffff; font-size: 26px; padding-top:10px; text-align:center;} #open_menu {z-index:9999; background:rgba(0, 0, 0, .7); position:fixed; width:50px; height:50px; line-height:50px; font-size:30px; color:#fff; margin:0; top:7px; left:7px; vertical-align:middle; text-align:center; cursor: pointer; border-radius:50px;} .state_o {background-color:#4999d9; width:38px; height:24px; font-weight:bold; color:#fff; border-radius:15px; text-align:right;font-size:0.9em;} .spanO{width:18px; height:18px; line-height:18px; background-color:#fff; margin-right:3px; border-radius:15px; display: inline-block;} .oPadding {padding-right:3px;} .classButton {width:90; height:36px; border:1px solid #444444; color: #444444; background-color:#fff; font-size:17px; float:right;} .classButton a:active{background-color:#c6e5f5; color: #c6e5f5; } .onbtn {width:90; height:35px; border:1px solid #0977c9; color: #ffffff; font-weight:500; background-color:#0977c9; font-size:1.1em; text-align:center; line-height:35px;} .onbtn_down {width:80; height:30; border:1px solid #0977c9; color: #ffffff; font-weight:500; background-color:#0977c9; font-size:1.0em; text-align:center; line-height:30px;} .onbtn_extend {width:90; height:35px; border:1px solid #747474; color: #ffffff; font-weight:500; background-color:#747474; font-size:1.1em; text-align:center; line-height:35px;} /*####### Àΰ­ ÇнÀ PAGE ########*/ .state_x {background-color:#a1a1a1; width:38px; height:24px; font-weight:bold; color:#fff; border-radius:15px; text-align:left;font-size:0.9em;} .spanX{width:18px; height:18px; line-height:18px; background-color:#fff; margin-left:3px; border-radius:15px; display: inline-block;} .xPadding {padding-left:3px; } #layer_sub {z-index:9999; font-family:sans-serif; background-color:#4999d9; position:fixed; width:200px; height:70px; line-height:70px; display:inline-block; font-size:1.2em; color:#fff; bottom:0px; left:0px; text-align:center; display:none;} #layer_sub span{border:2px solid #ffffff; width:30px; height:27px; line-height:27px; padding-bottom:3px; margin-top:-5px; color:#fff; border-radius:40px; font-size:1.3em; text-align:center; color:#fff; vertical-align:middle; display:inline-block;} .info_main { border:1px solid #000000; margin:2px; margin-top:10px; background-color:#ffffff; -webkit-border-top-left-radius:30px; -moz-border-radius-topleft:30px; border-top-left-radius:30px; -webkit-border-top-right-radius:30px; -moz-border-radius-topright:30px; border-top-right-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius-bottomright:30px; border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; border-bottom-left-radius:30px; } .info_left { background-color:#ffffff; text-indent:0; -webkit-border-top-left-radius:30px; -moz-border-radius-topleft:30px; border-top-left-radius:30px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; border-bottom-left-radius:30px; display:inline-block; font: 1.2em ¸¼Àº °íµñ, Malgun Gothic; color:#000000; font-weight:600; padding-top:15px; height:55px; line-height:22px; width:32%; text-align:center; } .info_center { background-color:#ffffff; text-indent:0; display:inline-block; font: 1.2em ¸¼Àº °íµñ, Malgun Gothic; color:#000000; font-weight:600; height:55px; line-height:22px; width:32%; text-align:center; } .info_right { background-color:#ffffff; text-indent:0; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:30px; -moz-border-radius-topright:30px; border-top-right-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius-bottomright:30px; border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; display:inline-block; font: 1.2em ¸¼Àº °íµñ, Malgun Gothic; color:blue; font-weight:800; height:60px; line-height:22px; width:32%; text-align:center; } .info_space { background-color:#ffffff; text-indent:0; display:inline-block; font: 24px ¸¼Àº °íµñ, Malgun Gothic; color:#000000; font-weight:400; padding-top:15px; height:55px; line-height:40px; width:2%; text-align:center; vertical-align:top; } .info_left2 { background-color:#ffffff; text-indent:0; -webkit-border-top-left-radius:50px; -moz-border-radius-topleft:50px; border-top-left-radius:50px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:50px; -moz-border-radius-bottomleft:50px; border-bottom-left-radius:50px; display:inline-block; font: 26px ¸¼Àº °íµñ, Malgun Gothic; color:#000000; font-weight:600; padding-top:20px; height:85px; line-height:30px; width:48%; text-align:center; } .info_right2 { background-color:#ffffff; text-indent:0; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:50px; -moz-border-radius-topright:50px; border-top-right-radius:50px; -webkit-border-bottom-right-radius:50px; -moz-border-radius-bottomright:50px; border-bottom-right-radius:50px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; display:inline-block; font: 26px ¸¼Àº °íµñ, Malgun Gothic; color:#000000; font-weight:600; padding-top:20px; height:85px; line-height:30px; width:48%; text-align:center; } .info_main a:hover{color:#000000; text-decoration:none;} .btn_1 { background-color:#ffffff; border:2px solid #330000; display:inline-block; color:#204ac2; font-size:1.2em; font-weight:600; height:65px; line-height:65px; padding-top:6px; width:99%; text-decoration:none; text-align:center; letter-spacing:-0.05em; } .btn_infoSpeak { background-color:#ffffff; border:2px solid #330000; display:inline-block; color:#204ac2; font-size:1.4em; font-weight:600; height:70px; line-height:70px; padding-top:3px; width:99%; text-decoration:none; text-align:center; letter-spacing:-0.05em; margin-top:10px; } #vodmenu {margin: 10px 0px;} #vodmenu .type_m3 li{width: 33%; border-top:2px solid #000000; font: 1.2em ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; letter-spacing:-0.02em;} #vodmenu .type_m4 li{width: 50%; border-top:2px solid #000000; font: 1.6em ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} #vodmenu li {float: left; text-align:center; font-size: 1.2em; border-bottom:1px solid #000000; color:#777777;} #vodmenu .tap {overflow: hidden;} #vodmenu li a {display:block; line-height: 23px; padding: 15px 0; margin-left: -1px; font-weight:500; } #vodmenu .tap li.on {position:relative; background-color: #c6e5f5; color:#000000; font-weight:600;} #vodmenu .tap li.right {border-style:solid; border-color:#000000; border-right-width:1px;} .reserve_go { background-color:#ffffff; border:2px solid #330000; display:inline-block; color:#204ac2; font-size:26px; font-family:¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; font-weight:600; height:70px; line-height:35px; padding-top:10px; width:99%; text-decoration:none; text-align:center; } .class_schedule { width: 100%; margin: 5px auto 15px; } .class_table { border-collapse: collapse; width: 100%; } .class_table th{ border: 1px solid #d0d0d0; font-family: 'NanumSquare', sans-serif; font-size:1.6em; font-weight:800; line-height:50px; } .class_table td { border: 1px solid #d0d0d0; font-family: "Noto Sans KR", sans-serif ; font-size:1.2em; line-height:25px; margin:0px; padding:0px; } .class_table th { height: 35px; border-top: 0; color:#ffffff; background-color: #435c9d; } .class_table td { vertical-align:top; width:33%; background-color: #f3f3f3; } .class_table .view { text-align:center; border-bottom:1px solid #d0d0d0; display: block; position: relative; width: 97%; height:auto; padding: 9px 1% 7px 1%; background-color: #fff; text-decoration:none; line-height:27px; } .class_table .view:hover:before { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: solid 3px #4a99d9; content: ''; text-decoration:none; } .class_table .view2 { text-align:center; display: block; position: relative; width: 97%; height:auto; padding: 9px 1% 7px 1%; background-color: #fff; text-decoration:none; line-height:27px; } .class_table .view2:hover:before { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: solid 3px #4a99d9; content: ''; text-decoration:none; } .class_table .blank { border-bottom:1px solid #d0d0d0; display: block; position: relative; width: 97%; height:106px; padding: 7px 1% 7px 1%; background-color: #f3f3f3; } .class_table .blank2 { border-bottom:1px solid #d0d0d0; display: block; position: relative; width: 97%; height:44px; padding: 7px 1% 7px 1%; background-color: #f3f3f3; } .class_table .blank3 { border-bottom:1px solid #d0d0d0; display: block; position: relative; width: 97%; height:108px; padding: 7px 1% 7px 1%; background-color: #f3f3f3; } .class_table .blank4 { border-bottom:1px solid #d0d0d0; display: block; position: relative; width: 97%; height:133px; padding: 7px 1% 7px 1%; background-color: #f3f3f3; } .class_table .bold { font-family: 'NanumSquare', sans-serif; font-size:1em; font-weight:800; line-height:25px; color:#000000; margin-left:3px; letter-spacing:-0.05em; } .class_table .left7 { margin-left:3px; } .class_schedule2 { margin: 5px auto 15px; width: 100%; margin:0; border-top: 3px solid #111; } .class_table2 { border-collapse: collapse; width: 100%; } .class_table2 th{ border: 1px solid #d0d0d0; font-family: 'NanumSquare', sans-serif; font-size:20px; font-weight:800; height: 50px; border-top: 0; width:35%; } .class_table2 td { border: 1px solid #d0d0d0; font-family: 'NanumSquare', sans-serif; font-size:21px; line-height:20px; margin:0px; padding:0px; vertical-align:top; width:65%; background-color: #f3f3f3; } .class_table2 .view { cursor:pointer; text-align:left; display: block; position: relative; width: 97%; height:auto; padding: 15px 2% 15px 1%; background-color: #fff; text-decoration:none; line-height:25px; } .class_table2 .view:hover:before { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: solid 3px #4a99d9; content: ''; text-decoration:none; } .class_table2 .bold { font-family: 'NanumSquare', sans-serif; font-size:20px; font-weight:800; line-height:35px; color:#000000; margin-left:10px; } .class_table2 .left7 { margin-left:10px; } .class_table2 .cs_gang { font-weight:800; line-height:27px; color:blue; letter-spacing:-0.02em; } .class_table2 .cs_jong { font-weight:800; line-height:27px; color:red; letter-spacing:-0.02em; } .power_schedule { margin: 5px auto 15px; width: 100%; margin:0; border-top: 3px solid #111; } .power_table { border-collapse: collapse; width: 100%; } .power_table th{ border: 1px solid #d0d0d0; font-family: 'NanumSquare', sans-serif; font-size:20px; font-weight:800; height: 50px; border-top: 0; width:18%; } .power_table td { border: 1px solid #d0d0d0; font-family: 'NanumSquare', sans-serif; font-size:1.1em; line-height:20px; margin:0px; padding:0px; vertical-align:top; width:41%; background-color: #f3f3f3; } .power_table .view { cursor:pointer; text-align:left; display: block; position: relative; width: 97%; height:auto; padding: 15px 2% 15px 1%; background-color: #fff; text-decoration:none; line-height:25px; } .power_table .view:hover:before { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: solid 3px #4a99d9; content: ''; text-decoration:none; } .power_table .view2 { border-bottom:1px solid #d0d0d0; cursor:pointer; text-align:left; display: block; position: relative; width: 97%; height:auto; padding: 15px 2% 15px 1%; background-color: #fff; text-decoration:none; line-height:25px; } .power_table .view2:hover:before { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: solid 3px #4a99d9; content: ''; text-decoration:none; } .power_table .bold { font-family: 'NanumSquare', sans-serif; font-size:20px; font-weight:800; line-height:35px; color:#000000; margin-left:10px; } .power_table .left7 { margin-left:10px; } .power_table .cs_gang { font-weight:800; line-height:27px; color:blue; letter-spacing:-0.02em; } .power_table .cs_jong { font-weight:800; line-height:27px; color:red; letter-spacing:-0.02em; } .ban_info {display:inline-block; height:90px; background-color:#3f5a9d; font-size:1.3em; color:#ffffff; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height:25px; width:100%; text-align:center; padding-top:15px; margin:10px 0px 10px 0px;} .goReserve {display:inline-block; height:40px; border:1px solid #304a8a; background-color:#3f5a9d; font-size:1.1em; color:#ffffff; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height:40px; width:98%; text-align:center;} .ban_info1 {display:inline-block; height:auto; background-color:#3596da; font-size:1.2em; color:#ffffff; font-family:'NanumSquare', sans-serif; line-height:1.5em; width:100%; text-align:left; padding-top:10px; padding-bottom:10px; margin:5px 0px 0px 0px;} .ban_info2 {display:inline-block; height:70px; background-color:#3f5a9d; font-size:1.4em; color:#ffffff; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height:28px; width:100%; text-align:center; padding-top:15px; margin:0px 0px 10px 0px;} .btn_vclass {background-color:blue; border:1px solid blue; display:inline-block; color:#ffffff; font-size:0.8em; font-family:³ª´® °íµñ, Nanum Gothic, Verdana, Dotum, sans-serif; font-weight:600; height:25px; line-height:25px; width:90; text-decoration:none; text-align:center; letter-spacing:-0.05em;} .new_off { margin-top:-2px; vertical-align:middle; font-size:0.8em; width:38px; height:20px; border-width:1px; color:#ffffff; border-color:#74b807; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:inset 0px 1px 0px 0px #a4e271; text-shadow:inset 0px 1px 0px #528009; background:linear-gradient(#89c403, #77a809); } .m_new { margin-top:2px; vertical-align:top; font-size:13px; width:38px; height:20px; border-width:1px; color:#ffffff; border-color:#3763a7; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:#3763a7; } .m_vacation { margin-top:-2px; vertical-align:middle; font-size:0.7em; width:60px; height:20px; border-width:1px; color:#ffffff; border-color:#3763a7; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:#3763a7; } .m_halin { margin-top:-2px; vertical-align:middle; font-size:0.7em; width:38px; height:20px; border-width:1px; color:#ffffff; border-color:#ed1c24; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:#ed1c24; } .on_now_tag{ font-family: 'NanumSquare', sans-serif; margin-top:35px; width:100%; background-color:#e7583f; font-size: 1.5em; color: #ffffff; font-weight: 600; text-align:center; } .on_now_tag:after { content: "¸ðµç ¹ÝÀº ¼Ò¼öÁ¤¿¹ (5¸í~15¸í)ÀÔ´Ï´Ù.\A °áÁ¦ÀÚ ¿ì¼± ¸¶°¨µÇ¹Ç·Î\A ºü¸¥ µî·Ï ºÎŹµå¸³´Ï´Ù."; /* content: "ÇöÀç ¿©¸§ ¹æÇРƯ°­ Á¢¼öÁß!!!\A¹æÇРƯ°­Àº Ç×»ó Á¶±â ¸¶°¨µË´Ï´Ù.";*/ display: inline-block; white-space:pre; width: 98%; letter-spacing:-0.03em; padding-top: 20px; height: 110px; line-height:30px; background-color: #e7583f; margin-left: 3px; font-weight:800; /*-webkit-animation:blink 2s ease-in-out infinite alternate; -moz-animation:blink 2s ease-in-out infinite alternate; animation:blink 2s ease-in-out infinite alternate;*/ } /*-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } */ .m_sample { font-size:1em; width:22%; max-width:100px; height:30px; line-height:30px; border-width:1px; color:#000000; text-align:center; border:1px solid #000000; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:#ffffff; display:inline-block; } .all_down { background-color:#0977c9; display:inline-block; color:#ffffff; font-size: 1.3em; font-weight:600; height:60px; line-height:60px; width:94%; text-decoration:none; text-align:center; letter-spacing:-0.01em; } .download_go { text-indent:0; background-color:#0977c9; display:inline-block; color: #ffffff; font-family:Arial; font-size:1.8em; font-weight:bold; font-style:normal; height:80px; line-height:80px; width:96%; margin-left:2%; text-decoration:none; text-align:center; } .download_go:hover { background-color:#0977c9; }.download_go:active { position:relative; top:1px; } .profile-container { width:100%; max-width: 700px; padding-top:15px; margin: 0 auto; display: flex; align-items: flex-start; /* »ó´Ü Á¤·Ä */ } .profile-text { text-align: left; flex: 1; } .profile-text h1 { width:100%; max-width:320px; padding-top:20px; font-size: 1.9em; margin: 5px 0; border-bottom:1px solid #acacac; letter-spacing:-0.03em; } .profile-text h1 span{ font-size: 0.75em; letter-spacing:-0.03em; } .profile-container img { width:55%; max-width: 320px; margin-left:0px; /* »çÁø°ú ÅؽºÆ® °£°Ý */ } .teach-container { width:100%; max-width: 700px; margin: 0 auto; text-align:left; } .info-tit { width:150px; font-size: 1.4em; color:#ffffff; background-color:#8a8a8a; text-align: center; margin-top: 10px; border-radius: 5px; } .info-box { letter-spacing:-0.02em; width:100%; max-width:700px; font-size: 1.35em; line-height: 1.7; text-align: left; margin-bottom:20px; } .onview_btn { display:inline-block; width:46%; max-width:300px; font-size:15px; height:50px; line-height:20px; padding-top:10px; border-width:1px; color:#000000; border-color:#dcdcdc; text-align:center; font-weight:bold; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:inset 0px 1px 0px 0px #ffffff; text-shadow:inset 0px 1px 0px #ffffff; background:linear-gradient(#ededed, #dfdfdf); } .onview_btn2 { display:inline-block; width:100%; max-width:300px; font-size:15px; height:30px; padding-top:10px; border-width:1px; color:#000000; border-color:#dcdcdc; text-align:center; font-weight:bold; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:inset 0px 1px 0px 0px #ffffff; text-shadow:inset 0px 1px 0px #ffffff; background:linear-gradient(#ededed, #dfdfdf); }